/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-noplv37it1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-noplv37it1] {
    flex: 1;
}

.sidebar[b-noplv37it1] {
    background-image: linear-gradient(180deg, #06101d 0%, #071427 50%, #030914 100%);
}

.top-row[b-noplv37it1] {
    background-color: #06101d;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-noplv37it1]  a, .top-row[b-noplv37it1]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-noplv37it1]  a:hover, .top-row[b-noplv37it1]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-noplv37it1]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-noplv37it1] {
        justify-content: space-between;
    }

        .top-row[b-noplv37it1]  a, .top-row[b-noplv37it1]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-noplv37it1] {
        flex-direction: row;
    }

    .sidebar[b-noplv37it1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-noplv37it1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-noplv37it1]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-noplv37it1], article[b-noplv37it1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-noplv37it1] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-noplv37it1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-kntgppps9l] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-kntgppps9l] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-kntgppps9l] {
    height: 3.5rem;
    background-color: #06101d;
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    width: 250px;
    box-sizing: border-box;
    overflow: hidden;
}

.sidebar-logo[b-kntgppps9l] {
    width: 170px;
    max-width: 170px;
    height: auto;
    display: block;
    object-fit: contain;
}

.navbar-brand[b-kntgppps9l] {
    font-size: 1.1rem;
    color: white;
    font-weight: 700;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.bi[b-kntgppps9l] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-kntgppps9l] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-kntgppps9l] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-kntgppps9l] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-kntgppps9l] {
        padding-bottom: 1rem;
    }

    .nav-item[b-kntgppps9l]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-kntgppps9l]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-kntgppps9l]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-kntgppps9l] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-kntgppps9l] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-kntgppps9l] {
        display: none;
    }

    .nav-scrollable[b-kntgppps9l] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-x8rbzenkbv],
.components-reconnect-repeated-attempt-visible[b-x8rbzenkbv],
.components-reconnect-failed-visible[b-x8rbzenkbv],
.components-pause-visible[b-x8rbzenkbv],
.components-resume-failed-visible[b-x8rbzenkbv],
.components-rejoining-animation[b-x8rbzenkbv] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-retrying[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-failed[b-x8rbzenkbv],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-x8rbzenkbv] {
    display: block;
}


#components-reconnect-modal[b-x8rbzenkbv] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-x8rbzenkbv 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-x8rbzenkbv 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-x8rbzenkbv 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-x8rbzenkbv]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-x8rbzenkbv 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-x8rbzenkbv {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-x8rbzenkbv {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-x8rbzenkbv {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-x8rbzenkbv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-x8rbzenkbv] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-x8rbzenkbv] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-x8rbzenkbv] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-x8rbzenkbv] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-x8rbzenkbv] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-x8rbzenkbv] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-x8rbzenkbv 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-x8rbzenkbv] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-x8rbzenkbv {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AgendaPartidosV3.razor.rz.scp.css */
.agenda-page[b-i7u6oyeula] { padding: 1rem 1.25rem 2rem; }
.agenda-head[b-i7u6oyeula] { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1rem; }
.agenda-head h1[b-i7u6oyeula] { margin:0; font-size:2rem; font-weight:800; }
.agenda-head p[b-i7u6oyeula] { margin:.35rem 0 0; color:#64748b; }
.agenda-head-actions[b-i7u6oyeula] { display:flex; flex-wrap:wrap; gap:.5rem; }
.agenda-filter-card[b-i7u6oyeula] { border:1px solid #dbe3ec; }
.agenda-summary[b-i7u6oyeula] { display:grid; grid-template-columns:repeat(6,minmax(130px,1fr)); gap:.7rem; }
.agenda-kpi[b-i7u6oyeula] { border:1px solid #dbe3ec; border-left:5px solid #64748b; border-radius:.65rem; background:#fff; padding:.85rem 1rem; display:flex; flex-direction:column; }
.agenda-kpi span[b-i7u6oyeula] { color:#64748b; font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; }
.agenda-kpi strong[b-i7u6oyeula] { font-size:1.65rem; line-height:1.15; }
.agenda-kpi small[b-i7u6oyeula] { color:#64748b; }
.kpi-green[b-i7u6oyeula] { border-left-color:#16a34a; }
.kpi-blue[b-i7u6oyeula] { border-left-color:#2563eb; }
.kpi-purple[b-i7u6oyeula] { border-left-color:#7c3aed; }
.kpi-orange[b-i7u6oyeula] { border-left-color:#f59e0b; }
.kpi-red[b-i7u6oyeula] { border-left-color:#dc2626; }
.agenda-validation[b-i7u6oyeula] { height:100%; border:1px solid #dbe3ec; border-radius:.55rem; padding:.75rem; display:flex; flex-direction:column; gap:.35rem; background:#f8fafc; }
.agenda-validation span[b-i7u6oyeula] { color:#64748b; font-size:.8rem; }
.agenda-validation small[b-i7u6oyeula] { color:#64748b; }
.agenda-validation-links[b-i7u6oyeula] { display:flex; flex-wrap:wrap; gap:.5rem; }
.agenda-table-wrap[b-i7u6oyeula] { max-height:760px; }
.agenda-table[b-i7u6oyeula] { min-width:1450px; }
.agenda-table thead th[b-i7u6oyeula] { position:sticky; top:0; z-index:2; white-space:nowrap; }
.agenda-match[b-i7u6oyeula] { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); gap:.35rem; align-items:center; min-width:320px; margin-bottom:.3rem; }
.agenda-team[b-i7u6oyeula] { display:flex; align-items:center; gap:.35rem; min-width:0; }
.agenda-team-local[b-i7u6oyeula] { justify-content:flex-end; text-align:right; }
.agenda-team img[b-i7u6oyeula] { width:31px; height:31px; flex:0 0 31px; object-fit:contain; padding:3px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; }
.agenda-match small[b-i7u6oyeula] { text-align:center; color:#2563eb; font-weight:900; }
.agenda-action-cell[b-i7u6oyeula] { min-width:330px; }
.agenda-action-cell p[b-i7u6oyeula] { margin:.4rem 0; font-size:.82rem; color:#475569; }
.agenda-row-ready[b-i7u6oyeula] { border-left:5px solid #16a34a; background:#f3fbf5; }
.agenda-row-diagnostic[b-i7u6oyeula] { border-left:5px solid #0891b2; background:#f0fbfd; }
.agenda-row-saved[b-i7u6oyeula] { border-left:5px solid #2563eb; background:#f4f8ff; }
.agenda-row-pending[b-i7u6oyeula] { border-left:5px solid #f59e0b; background:#fffaf0; }
@media (max-width:1400px) { .agenda-summary[b-i7u6oyeula] { grid-template-columns:repeat(3,minmax(130px,1fr)); } }
@media (max-width:768px) { .agenda-page[b-i7u6oyeula] { padding:.75rem; } .agenda-head[b-i7u6oyeula] { flex-direction:column; } .agenda-summary[b-i7u6oyeula] { grid-template-columns:repeat(2,minmax(120px,1fr)); } }
/* /Components/Pages/AnalisisDescansoCarga.razor.rz.scp.css */
.descanso-page[b-51dq2ckhmc] {
    --ink: #172033;
    --muted: #667085;
    color: var(--ink);
}

.page-heading[b-51dq2ckhmc] {
    padding: 1.5rem 1.75rem;
    border-radius: 18px;
    background: linear-gradient(125deg, #12213f, #254b83);
    color: #fff;
    box-shadow: 0 12px 30px rgba(18, 33, 63, .18);
}

.page-heading .eyebrow[b-51dq2ckhmc], .side-label[b-51dq2ckhmc], .comparison > span[b-51dq2ckhmc], .last-match > span[b-51dq2ckhmc] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.page-heading h1[b-51dq2ckhmc] { margin: .25rem 0; font-size: clamp(1.55rem, 3vw, 2.35rem); }
.page-heading p[b-51dq2ckhmc] { margin: 0; color: #dbe7fa; }

.filter-panel[b-51dq2ckhmc], .team-card[b-51dq2ckhmc], .comparison[b-51dq2ckhmc] {
    border: 1px solid #e3e8f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .07);
}

.filter-panel[b-51dq2ckhmc] { padding: 1.25rem; }
.filter-panel .form-label[b-51dq2ckhmc] { font-size: .78rem; font-weight: 800; color: #475467; }
.loading-line[b-51dq2ckhmc] { color: #315f9d; font-weight: 700; }

.team-card[b-51dq2ckhmc] { overflow: hidden; }
.team-card > header[b-51dq2ckhmc] { padding: 1.25rem 1.4rem; border-bottom: 1px solid #e8edf4; background: #f7f9fc; }
.side-label[b-51dq2ckhmc] { color: #316cb4; }
.team-card h2[b-51dq2ckhmc] { margin: .25rem 0 0; font-size: 1.45rem; }

.last-match[b-51dq2ckhmc] { margin: 1.25rem; padding: 1rem; border-left: 4px solid #4d8ed8; background: #f2f7fd; border-radius: 8px; color: #475467; }
.last-match > span[b-51dq2ckhmc] { display: block; color: #316cb4; }
.last-match strong[b-51dq2ckhmc] { color: var(--ink); }
.last-match dl[b-51dq2ckhmc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 1rem; margin: .8rem 0 0; }
.last-match dl div[b-51dq2ckhmc] { min-width: 0; }
.last-match dt[b-51dq2ckhmc] { color: #667085; font-size: .7rem; text-transform: uppercase; }
.last-match dd[b-51dq2ckhmc] { margin: .1rem 0 0; color: var(--ink); font-weight: 700; }

.metrics-grid[b-51dq2ckhmc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 0 1.25rem 1.25rem; }
.metric[b-51dq2ckhmc] { min-height: 118px; padding: 1rem; border: 1px solid #e6eaf0; border-radius: 12px; background: #f8fafc; }
.metric span[b-51dq2ckhmc], .metric small[b-51dq2ckhmc] { display: block; }
.metric span[b-51dq2ckhmc] { color: var(--muted); font-size: .78rem; font-weight: 700; }
.metric strong[b-51dq2ckhmc] { display: block; margin: .2rem 0; font-size: 1.45rem; }
.metric small[b-51dq2ckhmc] { color: #475467; }

.rested[b-51dq2ckhmc], .load-low[b-51dq2ckhmc] { background: #e9f8ef; border-color: #8fd3a8; }
.rested strong[b-51dq2ckhmc], .load-low strong[b-51dq2ckhmc] { color: #18753b; }
.adequate[b-51dq2ckhmc] { background: #eaf3ff; border-color: #91bff2; }
.adequate strong[b-51dq2ckhmc] { color: #1f62a9; }
.tight[b-51dq2ckhmc], .load-medium[b-51dq2ckhmc] { background: #fff7d9; border-color: #e8cb67; }
.tight strong[b-51dq2ckhmc], .load-medium strong[b-51dq2ckhmc] { color: #8a6410; }
.loaded[b-51dq2ckhmc], .load-high[b-51dq2ckhmc] { background: #ffebeb; border-color: #efa0a0; }
.loaded strong[b-51dq2ckhmc], .load-high strong[b-51dq2ckhmc] { color: #b42318; }
.unknown[b-51dq2ckhmc] { background: #f2f4f7; }
.midweek.is-yes[b-51dq2ckhmc] { border-color: #91bff2; }

.history-section[b-51dq2ckhmc] { border-top: 1px solid #e8edf4; padding: 1.25rem; }
.history-section h3[b-51dq2ckhmc] { font-size: 1rem; margin-bottom: .8rem; }
.history-section table[b-51dq2ckhmc] { font-size: .8rem; }
.history-section thead th[b-51dq2ckhmc] { color: #667085; font-size: .7rem; text-transform: uppercase; white-space: nowrap; }
.empty-history[b-51dq2ckhmc] { margin: 1.25rem; padding: 1rem; border-radius: 10px; background: #f2f4f7; color: #667085; text-align: center; }
.empty-history.compact[b-51dq2ckhmc] { margin: 0; }

.comparison[b-51dq2ckhmc] { padding: 1.25rem 1.5rem; border-left: 5px solid #316cb4; }
.comparison > span[b-51dq2ckhmc] { color: #316cb4; }
.comparison ul[b-51dq2ckhmc] { margin: .75rem 0 0; padding-left: 1.2rem; }
.comparison li + li[b-51dq2ckhmc] { margin-top: .35rem; }

@media (max-width: 575.98px) {
    .metrics-grid[b-51dq2ckhmc] { grid-template-columns: 1fr; }
    .last-match dl[b-51dq2ckhmc] { grid-template-columns: 1fr; }
    .page-heading[b-51dq2ckhmc], .filter-panel[b-51dq2ckhmc] { padding: 1rem; }
}
/* /Components/Pages/AnalisisPartido.razor.rz.scp.css */
.match-mobile-page[b-uzc6yi1ofl] {
    --navy: #071b34;
    --navy2: #0c2f59;
    --blue: #0d6efd;
    --green: #20b968;
    --yellow: #f6b91b;
    --red: #ef4f5f;
    --ink: #0e2644;
    --muted: #617a95;
    --line: #d9e6f2;
    min-height: 100vh;
    padding: 14px 14px 92px;
    background:
        radial-gradient(circle at 15% 0%, rgba(42, 114, 205, .18), transparent 28%),
        linear-gradient(180deg, #07182d 0, #0a2443 250px, #edf4fb 620px, #f5f8fc 100%);
    color: var(--ink);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.mobile-topbar[b-uzc6yi1ofl],
.league-strip[b-uzc6yi1ofl],
.match-card[b-uzc6yi1ofl],
.content-card[b-uzc6yi1ofl],
.pick-detail-card[b-uzc6yi1ofl],
.mobile-filter-drawer[b-uzc6yi1ofl] {
    width: min(100%, 980px);
    margin-left: auto;
    margin-right: auto;
}

.mobile-topbar[b-uzc6yi1ofl] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    padding: 6px 2px 14px;
}
.brand-mark[b-uzc6yi1ofl] { font-size: 28px; }
.brand-copy[b-uzc6yi1ofl] { display: grid; line-height: 1.05; }
.brand-copy strong[b-uzc6yi1ofl] { font-size: 25px; font-weight: 900; letter-spacing: -.5px; }
.brand-copy strong span[b-uzc6yi1ofl] { color: #2b93ff; }
.brand-copy small[b-uzc6yi1ofl] { margin-top: 5px; color: #9db9d7; font-size: 10px; letter-spacing: 1.5px; }
.h2h-link[b-uzc6yi1ofl] { margin-left: auto; color: #d7e9fb; text-decoration: none; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 7px 12px; font-weight: 800; font-size: 12px; }

.mobile-alert[b-uzc6yi1ofl] { width: min(100%, 980px); margin: 0 auto 10px; padding: 10px 12px; border-radius: 12px; font-size: 13px; }
.mobile-alert.error[b-uzc6yi1ofl] { color: #8b1e2a; background: #fff0f2; border: 1px solid #f4c6cc; }

.mobile-filter-drawer[b-uzc6yi1ofl] {
    border: 1px solid rgba(179, 205, 232, .45);
    border-radius: 16px;
    background: rgba(255,255,255,.97);
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(5, 27, 52, .18);
    margin-bottom: 12px;
}
.mobile-filter-drawer summary[b-uzc6yi1ofl] { display: flex; justify-content: space-between; gap: 12px; align-items: center; list-style: none; cursor: pointer; padding: 12px 14px; color: var(--ink); }
.mobile-filter-drawer summary[b-uzc6yi1ofl]::-webkit-details-marker { display: none; }
.mobile-filter-drawer summary span[b-uzc6yi1ofl] { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }
.mobile-filter-drawer summary b[b-uzc6yi1ofl] { font-size: 13px; text-align: right; }
.mobile-filters[b-uzc6yi1ofl] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; padding: 0 12px 12px; border-top: 1px solid var(--line); }
.mobile-filters label[b-uzc6yi1ofl] { display: grid; gap: 5px; padding-top: 10px; }
.mobile-filters label span[b-uzc6yi1ofl] { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.mobile-filters .wide[b-uzc6yi1ofl], .analyze-button[b-uzc6yi1ofl] { grid-column: 1 / -1; }
.mobile-filters select[b-uzc6yi1ofl] { min-width: 0; width: 100%; min-height: 42px; padding: 0 10px; color: var(--ink); border: 1px solid #cfddec; border-radius: 10px; background: #f8fbff; }
.analyze-button[b-uzc6yi1ofl] { min-height: 44px; border: 0; border-radius: 11px; background: linear-gradient(135deg,#1d83ff,#0865dd); color: #fff; font-weight: 900; cursor: pointer; }
.analyze-button:disabled[b-uzc6yi1ofl] { opacity: .55; }

.empty-state[b-uzc6yi1ofl] { width: min(100%, 700px); margin: 70px auto; padding: 45px 22px; text-align: center; color: #d9eafb; border: 1px dashed rgba(255,255,255,.25); border-radius: 20px; }
.empty-state > div[b-uzc6yi1ofl] { font-size: 48px; }
.empty-state h2[b-uzc6yi1ofl] { margin: 8px 0 4px; }
.empty-state p[b-uzc6yi1ofl] { color: #9db9d7; }

.league-strip[b-uzc6yi1ofl] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; color: #fff; border: 1px solid rgba(139, 190, 239, .28); border-radius: 15px 15px 0 0; background: linear-gradient(135deg, rgba(21,67,112,.98), rgba(28,76,132,.92)); }
.league-name[b-uzc6yi1ofl] { display: flex; align-items: center; gap: 9px; min-width: 0; }
.league-name img[b-uzc6yi1ofl] { width: 26px; height: 18px; object-fit: cover; border-radius: 3px; box-shadow: 0 0 0 1px rgba(255,255,255,.2); }
.league-name div[b-uzc6yi1ofl] { display: grid; min-width: 0; }
.league-name strong[b-uzc6yi1ofl] { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.league-name small[b-uzc6yi1ofl] { color: #a9c8e7; font-size: 10px; }
.league-strip > span[b-uzc6yi1ofl] { font-size: 11px; color: #c8def3; }

.match-card[b-uzc6yi1ofl] { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 21px 16px; color: #fff; border: 1px solid rgba(127, 177, 225, .32); border-top: 0; border-radius: 0 0 18px 18px; background:
    radial-gradient(circle at 50% 120%, rgba(38,150,94,.32), transparent 40%),
    linear-gradient(135deg,#08203d,#0c3564); box-shadow: 0 16px 35px rgba(4, 28, 53, .26); }
.team-block[b-uzc6yi1ofl] { display: grid; justify-items: center; min-width: 0; text-align: center; gap: 4px; }
.mobile-team-logo[b-uzc6yi1ofl] { width: 64px !important; height: 64px !important; object-fit: contain; filter: drop-shadow(0 5px 10px rgba(0,0,0,.25)); }
.team-block strong[b-uzc6yi1ofl] { max-width: 120px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-block span[b-uzc6yi1ofl] { color: #b7d0e8; font-size: 11px; }
.match-center[b-uzc6yi1ofl] { display: grid; justify-items: center; gap: 5px; min-width: 105px; text-align: center; }
.match-center small[b-uzc6yi1ofl] { color: #c4d9ec; font-size: 10px; }
.match-center b[b-uzc6yi1ofl] { font-size: 25px; line-height: 1; }
.match-center span[b-uzc6yi1ofl] { padding: 5px 12px; color: #dcebfa; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 11px; font-weight: 800; }

.analysis-tabs[b-uzc6yi1ofl] { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; width: min(100%,980px); margin: 12px auto; padding: 7px; border: 1px solid #d8e4ef; border-radius: 14px; background: rgba(247,251,255,.94); backdrop-filter: blur(12px); box-shadow: 0 7px 18px rgba(16,50,84,.08); }
.analysis-tabs a[b-uzc6yi1ofl] { min-width: 0; padding: 8px 6px; color: #526c87; text-align: center; text-decoration: none; border-radius: 9px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.analysis-tabs a.active[b-uzc6yi1ofl] { color: #fff; background: linear-gradient(135deg,#1d83ff,#0867dd); box-shadow: 0 5px 12px rgba(13,110,253,.24); }

.content-card[b-uzc6yi1ofl] { padding: 14px; margin-bottom: 12px; border: 1px solid #d8e4ef; border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgba(18,57,91,.07); }
.section-title-row[b-uzc6yi1ofl] { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.section-title-row.compact[b-uzc6yi1ofl] { margin-bottom: 12px; }
.section-kicker[b-uzc6yi1ofl] { display: block; color: #0d6efd; font-size: 10px; font-weight: 900; letter-spacing: .8px; }
.section-title-row h2[b-uzc6yi1ofl] { margin: 2px 0 0; font-size: 17px; }
.count-pill[b-uzc6yi1ofl] { padding: 5px 9px; border: 1px solid #d8e4ef; border-radius: 999px; color: #56708b; background: #f7fbff; font-size: 10px; font-weight: 800; }

.quick-pick-list[b-uzc6yi1ofl] { display: grid; }
.quick-pick[b-uzc6yi1ofl] { display: grid; grid-template-columns: 32px minmax(0,1fr) auto 10px auto 12px; align-items: center; gap: 8px; min-width: 0; padding: 12px 2px; color: var(--ink); text-decoration: none; border-top: 1px solid #e7eef5; }
.quick-pick:first-child[b-uzc6yi1ofl] { border-top: 0; }
.pick-icon[b-uzc6yi1ofl] { font-size: 22px; }
.quick-pick-copy[b-uzc6yi1ofl] { display: grid; min-width: 0; }
.quick-pick-copy strong[b-uzc6yi1ofl] { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-pick-copy small[b-uzc6yi1ofl] { color: var(--muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-pick > b[b-uzc6yi1ofl] { color: #12864d; font-size: 18px; }
.signal-dot[b-uzc6yi1ofl] { width: 10px; height: 10px; border-radius: 50%; background: #9fb0c1; box-shadow: 0 0 0 4px rgba(159,176,193,.13); }
.signal-dot.green[b-uzc6yi1ofl] { background: #24c970; box-shadow: 0 0 0 4px rgba(36,201,112,.13); }
.signal-dot.yellow[b-uzc6yi1ofl] { background: #f5bd22; box-shadow: 0 0 0 4px rgba(245,189,34,.15); }
.signal-dot.red[b-uzc6yi1ofl] { background: #ef5562; box-shadow: 0 0 0 4px rgba(239,85,98,.13); }
.confidence-pill[b-uzc6yi1ofl] { min-width: 57px; padding: 5px 9px; text-align: center; border-radius: 999px; color: #49657f; background: #edf3f8; font-size: 10px; font-style: normal; font-weight: 900; }
.confidence-pill.high[b-uzc6yi1ofl] { color: #0b6f3d; background: #dbf6e7; }
.confidence-pill.medium[b-uzc6yi1ofl] { color: #805e00; background: #fff1b9; }
.confidence-pill.low[b-uzc6yi1ofl] { color: #a62f3c; background: #ffe0e4; }
.chev[b-uzc6yi1ofl] { color: #6f8aa4; font-size: 22px; }
.mini-empty[b-uzc6yi1ofl] { padding: 20px; color: var(--muted); text-align: center; }

.summary-grid[b-uzc6yi1ofl] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.summary-grid article[b-uzc6yi1ofl] { min-height: 105px; padding: 12px; border: 1px solid #e0eaf3; border-radius: 13px; background: linear-gradient(145deg,#fbfdff,#f3f8fd); }
.summary-grid article > span[b-uzc6yi1ofl] { display: block; color: #4e6c89; font-size: 10px; font-weight: 800; }
.summary-grid article > strong[b-uzc6yi1ofl] { display: block; margin: 4px 0; font-size: 20px; }
.summary-grid article > small[b-uzc6yi1ofl] { color: #69829a; font-size: 10px; }
.form-pills-mobile[b-uzc6yi1ofl] { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }
.form-pills-mobile b[b-uzc6yi1ofl] { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; color: #fff; background: #9aaabc; font-size: 10px; }
.form-pills-mobile .result-g[b-uzc6yi1ofl], .form-pills-mobile .result-w[b-uzc6yi1ofl] { background: #20b968; }
.form-pills-mobile .result-e[b-uzc6yi1ofl], .form-pills-mobile .result-d[b-uzc6yi1ofl] { background: #e7ad17; }
.form-pills-mobile .result-p[b-uzc6yi1ofl], .form-pills-mobile .result-l[b-uzc6yi1ofl] { background: #ed5260; }

.all-picks-section[b-uzc6yi1ofl] { width: min(100%,980px); margin: 0 auto 12px; display: grid; gap: 9px; }
.pick-detail-card[b-uzc6yi1ofl] { border: 1px solid #d6e3ef; border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 7px 20px rgba(18,57,91,.06); }
.pick-detail-card > summary[b-uzc6yi1ofl] { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; align-items: center; gap: 10px; list-style: none; cursor: pointer; padding: 13px 14px; }
.pick-detail-card > summary[b-uzc6yi1ofl]::-webkit-details-marker { display: none; }
.pick-summary-main[b-uzc6yi1ofl] { display: grid; min-width: 0; }
.pick-summary-main > span[b-uzc6yi1ofl] { color: #4e6d8b; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.pick-summary-main > strong[b-uzc6yi1ofl] { margin: 2px 0; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pick-summary-main > small[b-uzc6yi1ofl] { color: #5b7893; font-size: 10px; }
.pick-summary-score[b-uzc6yi1ofl], .pick-summary-confidence[b-uzc6yi1ofl] { display: grid; justify-items: center; min-width: 70px; }
.pick-summary-score strong[b-uzc6yi1ofl] { color: #15864d; font-size: 20px; }
.pick-summary-score small[b-uzc6yi1ofl], .pick-summary-confidence small[b-uzc6yi1ofl] { color: #7088a0; font-size: 9px; }
.pick-summary-confidence[b-uzc6yi1ofl] { padding: 7px 10px; border-radius: 12px; background: #edf3f8; }
.pick-summary-confidence.high[b-uzc6yi1ofl] { color: #0c7440; background: #ddf6e8; }
.pick-summary-confidence.medium[b-uzc6yi1ofl] { color: #7d5d00; background: #fff2bd; }
.show-hide[b-uzc6yi1ofl] { min-width: 66px; padding: 6px 8px; color: #0c6de8; border: 1px solid #9bc5f4; border-radius: 10px; text-align: center; font-size: 10px; font-weight: 900; }
.show-hide[b-uzc6yi1ofl]::after { content: "Mostrar⌄"; }
.pick-detail-card[open] .show-hide[b-uzc6yi1ofl]::after { content: "Ocultar⌃"; }
.pick-detail-card[open] > summary[b-uzc6yi1ofl] { border-bottom: 1px solid #dde7f0; }
.pick-detail-body[b-uzc6yi1ofl] { display: grid; gap: 10px; padding: 12px; background: #f7fbff; }
.pick-detail-body > section[b-uzc6yi1ofl], .signal-columns > section[b-uzc6yi1ofl] { padding: 12px; border: 1px solid #dfe9f2; border-radius: 13px; background: #fff; }
.subsection-title[b-uzc6yi1ofl] { color: #173a62; font-size: 12px; font-weight: 900; }
.why-pick h3[b-uzc6yi1ofl] { margin: 7px 0 4px; font-size: 14px; }
.why-pick p[b-uzc6yi1ofl], .validation-card p[b-uzc6yi1ofl], .signal-columns p[b-uzc6yi1ofl], .pick-decision-mobile p[b-uzc6yi1ofl] { margin: 4px 0 0; color: #4c6680; font-size: 11px; line-height: 1.5; }
.lambda-grid[b-uzc6yi1ofl] { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 9px; }
.lambda-grid > div[b-uzc6yi1ofl] { display: grid; justify-items: center; padding: 10px 6px; border-radius: 10px; background: #edf5ff; }
.lambda-grid > div:nth-child(2)[b-uzc6yi1ofl] { background: #f0edff; }
.lambda-grid > div:nth-child(3)[b-uzc6yi1ofl] { background: #eaf8f3; }
.lambda-grid span[b-uzc6yi1ofl] { color: #37638f; font-size: 10px; }
.lambda-grid strong[b-uzc6yi1ofl] { margin-top: 4px; color: #123f72; font-size: 22px; }
.validation-head[b-uzc6yi1ofl] { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; }
.validation-head strong[b-uzc6yi1ofl] { color: #17834c; font-size: 13px; }
.validation-head span[b-uzc6yi1ofl] { color: #68829b; font-size: 10px; }
.signal-columns[b-uzc6yi1ofl] { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.signal-columns .favor[b-uzc6yi1ofl] { background: #f7fffa; }
.signal-columns .alerts[b-uzc6yi1ofl] { background: #fffafb; }
.favor .subsection-title[b-uzc6yi1ofl] { color: #16854c; }
.alerts .subsection-title[b-uzc6yi1ofl] { color: #d23d4b; }
.signal-line[b-uzc6yi1ofl] { display: grid; grid-template-columns: 7px 1fr; align-items: start; gap: 7px; margin-top: 7px; color: #405c77; font-size: 10px; line-height: 1.4; }
.signal-line i[b-uzc6yi1ofl] { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: #22bf69; }
.alerts .signal-line i[b-uzc6yi1ofl] { background: #ed5361; }
.pick-decision-mobile[b-uzc6yi1ofl] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pick-decision-mobile > div[b-uzc6yi1ofl] { display: grid; padding: 10px; border-radius: 10px; background: #f5f8fb; }
.pick-decision-mobile > div span[b-uzc6yi1ofl] { color: #6b8299; font-size: 9px; text-transform: uppercase; }
.pick-decision-mobile > div strong[b-uzc6yi1ofl] { margin-top: 3px; font-size: 13px; }
.pick-decision-mobile p[b-uzc6yi1ofl] { grid-column: 1 / -1; }

.h2h-scroll[b-uzc6yi1ofl] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(118px, 1fr); gap: 8px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x proximity; }
.h2h-scroll article[b-uzc6yi1ofl] { display: grid; justify-items: center; gap: 3px; padding: 10px 7px; text-align: center; border: 1px solid #e1eaf3; border-radius: 11px; background: #f7fbff; scroll-snap-align: start; }
.h2h-scroll article strong[b-uzc6yi1ofl] { max-width: 100px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h2h-scroll article b[b-uzc6yi1ofl] { color: #173b64; font-size: 17px; }
.h2h-scroll article small[b-uzc6yi1ofl] { color: #6c849b; font-size: 9px; }

.danger-team-list[b-uzc6yi1ofl] { display: grid; gap: 10px; }
.danger-team-list article[b-uzc6yi1ofl] { padding: 11px; border: 1px solid #e1eaf3; border-radius: 12px; background: #f8fbfe; }
.danger-head[b-uzc6yi1ofl] { display: flex; justify-content: space-between; gap: 10px; }
.danger-head > div:first-child[b-uzc6yi1ofl] { display: grid; }
.danger-head strong[b-uzc6yi1ofl] { font-size: 13px; }
.danger-head small[b-uzc6yi1ofl] { color: #748ba2; font-size: 9px; }
.danger-head > div:last-child[b-uzc6yi1ofl] { display: grid; justify-items: end; gap: 3px; font-size: 9px; color: #66809a; }
.danger-bars-mobile[b-uzc6yi1ofl] { display: grid; grid-template-columns: repeat(6,1fr); gap: 5px; margin-top: 11px; align-items: end; }
.danger-bars-mobile > div[b-uzc6yi1ofl] { display: grid; gap: 3px; }
.danger-bars-mobile small[b-uzc6yi1ofl] { color: #66809a; font-size: 8px; text-align: center; }
.danger-bars-mobile .bar[b-uzc6yi1ofl] { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #e4ecf3; }
.danger-bars-mobile .bar i[b-uzc6yi1ofl] { display: block; height: 100%; border-radius: inherit; }
.danger-bars-mobile .favor i[b-uzc6yi1ofl] { background: #25c671; }
.danger-bars-mobile .contra i[b-uzc6yi1ofl] { background: #f05d6a; }
.danger-team-list p[b-uzc6yi1ofl] { margin: 8px 0 0; color: #526d87; font-size: 10px; line-height: 1.45; }

.mobile-bottom-nav[b-uzc6yi1ofl] { position: fixed; left: 50%; bottom: 10px; z-index: 40; transform: translateX(-50%); display: grid; grid-template-columns: repeat(4,1fr); width: min(calc(100% - 28px), 620px); padding: 8px; border: 1px solid rgba(164,194,224,.28); border-radius: 18px; background: rgba(6,25,48,.94); backdrop-filter: blur(14px); box-shadow: 0 12px 30px rgba(1,18,36,.3); }
.mobile-bottom-nav a[b-uzc6yi1ofl] { display: grid; justify-items: center; gap: 2px; color: #9ab7d4; text-decoration: none; font-size: 18px; }
.mobile-bottom-nav a span[b-uzc6yi1ofl] { font-size: 9px; }
.mobile-bottom-nav a.active[b-uzc6yi1ofl] { color: #35a0ff; }

@media (min-width: 761px) {
    .match-mobile-page[b-uzc6yi1ofl] { padding-top: 24px; }
    .mobile-topbar[b-uzc6yi1ofl], .league-strip[b-uzc6yi1ofl], .match-card[b-uzc6yi1ofl], .content-card[b-uzc6yi1ofl], .all-picks-section[b-uzc6yi1ofl], .mobile-filter-drawer[b-uzc6yi1ofl] { max-width: 760px; }
    .analysis-tabs[b-uzc6yi1ofl] { max-width: 760px; }
    .mobile-bottom-nav[b-uzc6yi1ofl] { display: none; }
    .match-mobile-page[b-uzc6yi1ofl] { padding-bottom: 38px; }
}

@media (max-width: 520px) {
    .match-mobile-page[b-uzc6yi1ofl] { padding-left: 9px; padding-right: 9px; }
    .brand-copy strong[b-uzc6yi1ofl] { font-size: 22px; }
    .mobile-filters[b-uzc6yi1ofl] { grid-template-columns: 1fr; }
    .mobile-filters .wide[b-uzc6yi1ofl], .analyze-button[b-uzc6yi1ofl] { grid-column: auto; }
    .match-card[b-uzc6yi1ofl] { padding: 18px 10px; gap: 7px; }
    .mobile-team-logo[b-uzc6yi1ofl] { width: 54px !important; height: 54px !important; }
    .team-block strong[b-uzc6yi1ofl] { max-width: 95px; font-size: 14px; }
    .match-center[b-uzc6yi1ofl] { min-width: 84px; }
    .match-center b[b-uzc6yi1ofl] { font-size: 21px; }
    .analysis-tabs a[b-uzc6yi1ofl] { font-size: 9px; }
    .quick-pick[b-uzc6yi1ofl] { grid-template-columns: 28px minmax(0,1fr) auto 9px auto 9px; gap: 6px; }
    .quick-pick > b[b-uzc6yi1ofl] { font-size: 16px; }
    .confidence-pill[b-uzc6yi1ofl] { min-width: 48px; padding-left: 7px; padding-right: 7px; }
    .pick-detail-card > summary[b-uzc6yi1ofl] { grid-template-columns: minmax(0,1fr) auto auto; }
    .pick-summary-confidence[b-uzc6yi1ofl] { display: none; }
    .show-hide[b-uzc6yi1ofl] { min-width: 57px; }
    .signal-columns[b-uzc6yi1ofl] { grid-template-columns: 1fr; }
}

/* ===== Próximos partidos por fecha (sin selector obligatorio de jornada) ===== */
.match-mobile-page .upcoming-match-filter[b-uzc6yi1ofl] {
    grid-column: 1 / -1;
}

.match-mobile-page .upcoming-match-filter select[b-uzc6yi1ofl] {
    font-weight: 750;
}

.match-mobile-page .upcoming-empty[b-uzc6yi1ofl] {
    display: block;
    margin-top: .35rem;
    color: #7b8da3;
    font-size: .72rem;
    line-height: 1.35;
}


/* ===== V63 · Flujo móvil: País + Liga + tarjetas de próximos partidos ===== */
.match-mobile-page .league-first-flow[b-uzc6yi1ofl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.match-mobile-page .active-season-note[b-uzc6yi1ofl] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 2px;
    padding: 10px 12px;
    border: 1px solid #d7e4ef;
    border-radius: 11px;
    background: #f7fbff;
}
.match-mobile-page .active-season-note span[b-uzc6yi1ofl] {
    color: #6d8298;
    font-size: .66rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.match-mobile-page .active-season-note strong[b-uzc6yi1ofl] {
    color: #173858;
    font-size: .78rem;
    text-align: right;
}

.match-mobile-page .upcoming-browser[b-uzc6yi1ofl] {
    width: min(100%, 980px);
    margin: 0 auto 14px;
    padding: 14px;
    border: 1px solid rgba(179, 205, 232, .55);
    border-radius: 17px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 12px 30px rgba(5, 27, 52, .15);
}
.match-mobile-page .upcoming-browser-head[b-uzc6yi1ofl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px;
}
.match-mobile-page .upcoming-browser-head > div[b-uzc6yi1ofl] { display: grid; gap: 2px; }
.match-mobile-page .upcoming-browser-head span[b-uzc6yi1ofl] { color: #0d6efd; font-size: .63rem; font-weight: 900; letter-spacing: .08em; }
.match-mobile-page .upcoming-browser-head strong[b-uzc6yi1ofl] { color: #123452; font-size: .92rem; }
.match-mobile-page .upcoming-browser-head > b[b-uzc6yi1ofl] {
    display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 8px;
    color: #0d6efd; border: 1px solid #cfe2f5; border-radius: 999px; background: #f3f9ff; font-size: .78rem;
}

.match-mobile-page .upcoming-date-groups[b-uzc6yi1ofl] { display: grid; gap: 14px; }
.match-mobile-page .upcoming-date-group[b-uzc6yi1ofl] { display: grid; gap: 7px; }
.match-mobile-page .upcoming-date-title[b-uzc6yi1ofl] { color: #617a95; font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .045em; }
.match-mobile-page .upcoming-match-list[b-uzc6yi1ofl] { display: grid; gap: 8px; }
.match-mobile-page .upcoming-match-card[b-uzc6yi1ofl] {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr) 78px;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 11px 12px;
    color: #102d4b;
    text-align: left;
    border: 1px solid #d7e5f1;
    border-radius: 13px;
    background: linear-gradient(180deg,#fff,#f8fbff);
    box-shadow: 0 5px 14px rgba(20, 61, 100, .05);
    cursor: pointer;
    transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.match-mobile-page .upcoming-match-card:hover[b-uzc6yi1ofl] {
    transform: translateY(-1px);
    border-color: #8ec5f1;
    box-shadow: 0 9px 20px rgba(13,110,253,.10);
}
.match-mobile-page .upcoming-match-card:disabled[b-uzc6yi1ofl] { opacity: .62; cursor: wait; }
.match-mobile-page .upcoming-time[b-uzc6yi1ofl] { display: grid; justify-items: start; gap: 3px; }
.match-mobile-page .upcoming-time strong[b-uzc6yi1ofl] { color: #0b65c8; font-size: 1rem; }
.match-mobile-page .upcoming-time span[b-uzc6yi1ofl] { color: #70859a; font-size: .65rem; font-weight: 800; }
.match-mobile-page .upcoming-teams[b-uzc6yi1ofl] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 20px minmax(0,1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
}
.match-mobile-page .upcoming-teams > div[b-uzc6yi1ofl] { display: flex; align-items: center; gap: 7px; min-width: 0; }
.match-mobile-page .upcoming-teams > div:last-child[b-uzc6yi1ofl] { justify-content: flex-end; text-align: right; }
.match-mobile-page .upcoming-teams > span[b-uzc6yi1ofl] { color: #9aabbb; font-size: .68rem; text-align: center; font-weight: 900; }
.match-mobile-page .upcoming-teams strong[b-uzc6yi1ofl] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.match-mobile-page .upcoming-team-logo[b-uzc6yi1ofl] { width: 30px !important; height: 30px !important; flex: 0 0 30px; object-fit: contain; }
.match-mobile-page .upcoming-action[b-uzc6yi1ofl] { display: flex; align-items: center; justify-content: flex-end; gap: 5px; color: #0d6efd; }
.match-mobile-page .upcoming-action span[b-uzc6yi1ofl] { font-size: .7rem; font-weight: 900; }
.match-mobile-page .upcoming-action b[b-uzc6yi1ofl] { font-size: 1.3rem; line-height: 1; }
.match-mobile-page .upcoming-loading[b-uzc6yi1ofl],
.match-mobile-page .upcoming-empty-card[b-uzc6yi1ofl] { padding: 22px 14px; text-align: center; color: #6d8298; border: 1px dashed #ccddeb; border-radius: 13px; background: #f8fbfe; }
.match-mobile-page .upcoming-empty-card[b-uzc6yi1ofl] { display: grid; justify-items: center; gap: 5px; }
.match-mobile-page .upcoming-empty-card > div[b-uzc6yi1ofl] { font-size: 26px; }
.match-mobile-page .upcoming-empty-card strong[b-uzc6yi1ofl] { color: #264766; }
.match-mobile-page .upcoming-empty-card span[b-uzc6yi1ofl] { max-width: 430px; font-size: .75rem; line-height: 1.45; }

@media (min-width: 761px) {
    .match-mobile-page .upcoming-browser[b-uzc6yi1ofl] { max-width: 760px; }
}

@media (max-width: 620px) {
    .match-mobile-page .league-first-flow[b-uzc6yi1ofl] { grid-template-columns: 1fr; }
    .match-mobile-page .upcoming-match-card[b-uzc6yi1ofl] { grid-template-columns: 58px minmax(0,1fr) 28px; padding: 10px 9px; }
    .match-mobile-page .upcoming-action span[b-uzc6yi1ofl] { display: none; }
    .match-mobile-page .upcoming-teams[b-uzc6yi1ofl] { grid-template-columns: minmax(0,1fr) 16px minmax(0,1fr); gap: 4px; }
    .match-mobile-page .upcoming-team-logo[b-uzc6yi1ofl] { width: 25px !important; height: 25px !important; flex-basis: 25px; }
    .match-mobile-page .upcoming-teams strong[b-uzc6yi1ofl] { font-size: .72rem; }
    .match-mobile-page .active-season-note[b-uzc6yi1ofl] { align-items: flex-start; flex-direction: column; gap: 3px; }
    .match-mobile-page .active-season-note strong[b-uzc6yi1ofl] { text-align: left; }
}


/* ===== FIX6 · Resumen comparativo local + visitante ===== */
.summary-team-comparison[b-uzc6yi1ofl] {
    display: grid;
    gap: .55rem;
}

.summary-team-row[b-uzc6yi1ofl],
.summary-difficulty-row[b-uzc6yi1ofl] {
    display: grid;
    grid-template-columns: minmax(90px, .9fr) minmax(0, 1.4fr);
    align-items: center;
    gap: .55rem;
    padding: .48rem .55rem;
    border: 1px solid #dfe8f1;
    border-radius: 10px;
    background: #fff;
}

.summary-team-row > strong[b-uzc6yi1ofl],
.summary-difficulty-row > strong[b-uzc6yi1ofl] {
    font-size: .75rem !important;
    color: #17324d !important;
    overflow-wrap: anywhere;
}

.summary-difficulty-row > b[b-uzc6yi1ofl] {
    justify-self: end;
    color: #0b1f36;
    font-size: .78rem;
}

.summary-team-row .form-pills-mobile[b-uzc6yi1ofl] {
    justify-content: flex-end;
}

@media (max-width: 520px) {
    .summary-team-row[b-uzc6yi1ofl],
    .summary-difficulty-row[b-uzc6yi1ofl] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .summary-team-row .form-pills-mobile[b-uzc6yi1ofl] {
        justify-content: flex-start;
    }

    .summary-difficulty-row > b[b-uzc6yi1ofl] {
        justify-self: start;
    }
}


/* ===== FIX8 · Hero de partido con más aire en celular ===== */
.mobile-team-logo-shell[b-uzc6yi1ofl] {
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    margin: 0 auto 4px;
    overflow: hidden;
    border-radius: 16px;
    background: rgba(255,255,255,.08);
}

/* EquipoLogoLocal es un componente hijo: ::deep asegura que el escudo real respete el tamaño. */
.mobile-team-logo-shell[b-uzc6yi1ofl]  .mobile-team-logo,
.mobile-team-logo-shell[b-uzc6yi1ofl]  img,
.mobile-team-logo-shell[b-uzc6yi1ofl]  svg,
.mobile-team-logo-shell[b-uzc6yi1ofl]  picture {
    width: 68px !important;
    max-width: 68px !important;
    height: 68px !important;
    max-height: 68px !important;
    object-fit: contain !important;
}

.match-center[b-uzc6yi1ofl] {
    position: relative;
    z-index: 2;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(4,25,49,.28);
}

.match-center small[b-uzc6yi1ofl],
.match-center b[b-uzc6yi1ofl],
.match-center span[b-uzc6yi1ofl] {
    position: relative;
    z-index: 2;
}

@media (max-width: 520px) {
    .match-card[b-uzc6yi1ofl] {
        grid-template-columns: minmax(0,1fr) 116px minmax(0,1fr) !important;
        gap: 12px !important;
        padding: 20px 12px 22px !important;
    }

    .team-block[b-uzc6yi1ofl] {
        gap: 7px !important;
    }

    .mobile-team-logo-shell[b-uzc6yi1ofl] {
        width: 76px !important;
        height: 76px !important;
        border-radius: 14px !important;
    }

    .mobile-team-logo-shell[b-uzc6yi1ofl]  .mobile-team-logo,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  img,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  svg,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  picture {
        width: 60px !important;
        max-width: 60px !important;
        height: 60px !important;
        max-height: 60px !important;
    }

    .team-block strong[b-uzc6yi1ofl] {
        max-width: 112px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    .match-center[b-uzc6yi1ofl] {
        min-width: 0 !important;
        width: 116px !important;
        gap: 7px !important;
        padding: 10px 7px !important;
    }

    .match-center small[b-uzc6yi1ofl] {
        font-size: 9px !important;
        line-height: 1.25 !important;
        white-space: nowrap;
    }

    .match-center b[b-uzc6yi1ofl] {
        font-size: 22px !important;
        line-height: 1.05 !important;
        white-space: nowrap;
    }

    .match-center span[b-uzc6yi1ofl] {
        padding: 5px 10px !important;
        font-size: 10px !important;
        white-space: nowrap;
    }
}

@media (max-width: 390px) {
    .match-card[b-uzc6yi1ofl] {
        grid-template-columns: minmax(0,1fr) 104px minmax(0,1fr) !important;
        gap: 8px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .mobile-team-logo-shell[b-uzc6yi1ofl] {
        width: 68px !important;
        height: 68px !important;
    }

    .mobile-team-logo-shell[b-uzc6yi1ofl]  .mobile-team-logo,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  img,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  svg,
    .mobile-team-logo-shell[b-uzc6yi1ofl]  picture {
        width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        max-height: 54px !important;
    }

    .match-center[b-uzc6yi1ofl] {
        width: 104px !important;
    }

    .match-center b[b-uzc6yi1ofl] {
        font-size: 20px !important;
    }
}


/* ===== FIX10 · Próximos partidos paginados ===== */
.match-mobile-page .upcoming-pagination[b-uzc6yi1ofl] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #dce7f1;
}
.match-mobile-page .upcoming-pagination span[b-uzc6yi1ofl] {
    color: #617a95;
    font-size: .72rem;
    text-align: center;
}
.match-mobile-page .upcoming-pagination button[b-uzc6yi1ofl] {
    min-height: 36px;
    padding: 7px 12px;
    color: #0d6efd;
    border: 1px solid #b9d7f6;
    border-radius: 999px;
    background: #f5faff;
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}
.match-mobile-page .upcoming-pagination button:disabled[b-uzc6yi1ofl] {
    color: #9aabbb;
    border-color: #dde6ee;
    background: #f7f9fb;
    cursor: default;
    opacity: .7;
}
@media (max-width: 520px) {
    .match-mobile-page .upcoming-pagination[b-uzc6yi1ofl] {
        grid-template-columns: 1fr 1fr;
    }
    .match-mobile-page .upcoming-pagination span[b-uzc6yi1ofl] {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}
/* /Components/Pages/AsistenteJornadaV3.razor.rz.scp.css */
    .ajv3-info[b-xe699215h0], .ajv3-ok[b-xe699215h0], .ajv3-warn[b-xe699215h0], .ajv3-error[b-xe699215h0] { padding: 14px; border-radius: 6px; margin: 12px 0; }
    .ajv3-info[b-xe699215h0] { background: #cff4fc; border: 1px solid #9eeaf9; color: #055160; }
    .ajv3-ok[b-xe699215h0] { background: #d1e7dd; border: 1px solid #badbcc; color: #0f5132; }
    .ajv3-warn[b-xe699215h0] { background: #fff3cd; border: 1px solid #ffecb5; color: #664d03; }
    .ajv3-error[b-xe699215h0] { background: #f8d7da; border: 1px solid #f5c2c7; color: #842029; }
    .ajv3-panel[b-xe699215h0] { background: #fff; border: 1px solid #d8dde3; border-radius: 8px; padding: 14px; margin: 14px 0; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
    .ajv3-title[b-xe699215h0] { font-weight: 800; margin-bottom: 12px; color: #1f2937; }
    .ajv3-grid[b-xe699215h0] { display: grid; gap: 14px; }
    .ajv3-grid-2[b-xe699215h0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ajv3-grid-4[b-xe699215h0] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .ajv3-grid-5[b-xe699215h0] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .ajv3-actions-end[b-xe699215h0] { display: flex; align-items: end; }
    .ajv3-hero[b-xe699215h0] { display: flex; justify-content: space-between; gap: 20px; padding: 22px; border-radius: 14px; margin: 16px 0; color: #0b1220; }
    .ajv3-hero h2[b-xe699215h0] { margin: 4px 0 8px; font-weight: 900; }
    .ajv3-kicker[b-xe699215h0] { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 800; opacity: .8; }
    .ajv3-hero.verde[b-xe699215h0] { background: linear-gradient(135deg, #d1e7dd, #f8fffb); border: 1px solid #badbcc; }
    .ajv3-hero.azul[b-xe699215h0] { background: linear-gradient(135deg, #cfe2ff, #f8fbff); border: 1px solid #b6d4fe; }
    .ajv3-hero.amarillo[b-xe699215h0] { background: linear-gradient(135deg, #fff3cd, #fffdf6); border: 1px solid #ffecb5; }
    .ajv3-hero.rojo[b-xe699215h0] { background: linear-gradient(135deg, #f8d7da, #fff8f8); border: 1px solid #f5c2c7; }
    .ajv3-hero.gris[b-xe699215h0] { background: linear-gradient(135deg, #e9ecef, #fafafa); border: 1px solid #ced4da; }
    .ajv3-scorebox[b-xe699215h0] { min-width: 220px; background: rgba(255,255,255,.8); border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 16px; }
    .ajv3-score-label[b-xe699215h0] { font-size: 12px; color: #6b7280; font-weight: 700; }
    .ajv3-score[b-xe699215h0] { font-size: 28px; font-weight: 900; }
    .ajv3-score-sub[b-xe699215h0] { font-size: 12px; color: #6b7280; margin-top: 3px; }
    .ajv3-btn-row[b-xe699215h0] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
    .ajv3-card[b-xe699215h0] { border: 1px solid #d8dde3; border-radius: 10px; padding: 14px; background: #fff; }
    .ajv3-card span[b-xe699215h0] { display: block; font-size: 12px; color: #6b7280; font-weight: 700; }
    .ajv3-card b[b-xe699215h0] { display: block; font-size: 28px; line-height: 1.1; }
    .ajv3-card small[b-xe699215h0] { color: #6b7280; }
    .ajv3-checklist[b-xe699215h0] { display: grid; gap: 10px; }
    .ajv3-check[b-xe699215h0] { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 8px; border: 1px solid #e5e7eb; }
    .ajv3-check p[b-xe699215h0] { margin: 2px 0 0; color: #4b5563; }
    .ajv3-check-icon[b-xe699215h0] { width: 30px; height: 30px; border-radius: 999px; display: grid; place-items: center; font-weight: 900; }
    .ajv3-check.ok .ajv3-check-icon[b-xe699215h0] { background: #d1e7dd; color: #0f5132; }
    .ajv3-check.warn .ajv3-check-icon[b-xe699215h0] { background: #fff3cd; color: #664d03; }
    .ajv3-check.error .ajv3-check-icon[b-xe699215h0] { background: #f8d7da; color: #842029; }
    .ajv3-check.info .ajv3-check-icon[b-xe699215h0] { background: #cff4fc; color: #055160; }
    .ajv3-legend[b-xe699215h0] { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px 14px; margin-bottom: 14px; padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; font-size: 13px; }
    .ajv3-dot[b-xe699215h0] { width: 11px; height: 11px; display: inline-block; border-radius: 999px; margin-right: 6px; }
    .ajv3-dot.verde[b-xe699215h0] { background: #198754; }
    .ajv3-dot.amarillo[b-xe699215h0] { background: #ffc107; }
    .ajv3-dot.azul[b-xe699215h0] { background: #0d6efd; }
    .ajv3-dot.gris[b-xe699215h0] { background: #6c757d; }
    .ajv3-dot.rojo[b-xe699215h0] { background: #dc3545; }
    .ajv3-timeline[b-xe699215h0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(245px, 1fr)); gap: 12px; }
    .ajv3-jornada[b-xe699215h0] { border: 1px solid #d8dde3; border-radius: 10px; padding: 12px; background: #fff; }
    .ajv3-jornada.verde[b-xe699215h0] { border-left: 5px solid #198754; }
    .ajv3-jornada.azul[b-xe699215h0] { border-left: 5px solid #0d6efd; }
    .ajv3-jornada.amarillo[b-xe699215h0] { border-left: 5px solid #ffc107; }
    .ajv3-jornada.rojo[b-xe699215h0] { border-left: 5px solid #dc3545; }
    .ajv3-jornada.gris[b-xe699215h0] { border-left: 5px solid #6c757d; }
    .ajv3-jornada-head[b-xe699215h0] { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
    .ajv3-jornada-head span[b-xe699215h0] { font-size: 12px; font-weight: 800; color: #4b5563; text-align: right; }
    .ajv3-bar[b-xe699215h0] { height: 8px; background: #e5e7eb; border-radius: 999px; overflow: hidden; margin: 8px 0; }
    .ajv3-bar div[b-xe699215h0] { height: 100%; background: #198754; }
    .ajv3-linea[b-xe699215h0] { font-size: 12px; color: #374151; margin-top: 3px; }
    .ajv3-explicacion[b-xe699215h0] { font-size: 12px; color: #4b5563; margin-top: 8px; padding-top: 8px; border-top: 1px solid #eef0f2; min-height: 46px; }
    .ajv3-order-badge[b-xe699215h0] { display: inline-block; margin-top: 8px; padding: 4px 7px; border-radius: 999px; background: #cff4fc; color: #055160; font-size: 11px; font-weight: 800; }
    .ajv3-date[b-xe699215h0] { color: #6b7280; font-size: 12px; margin-top: 7px; }
    .ajv3-table th[b-xe699215h0] { background: #f3f4f6; }
    .ajv3-empty[b-xe699215h0] { padding: 16px; background: #f8f9fa; border-radius: 8px; color: #6b7280; }
    .ajv3-shortcuts[b-xe699215h0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    label[b-xe699215h0] { font-weight: 700; font-size: 12px; color: #374151; margin-bottom: 4px; }
    @media (max-width: 980px) { .ajv3-grid-2[b-xe699215h0], .ajv3-grid-4[b-xe699215h0], .ajv3-grid-5[b-xe699215h0] { grid-template-columns: 1fr; } .ajv3-hero[b-xe699215h0] { flex-direction: column; } }
</style[b-xe699215h0]>
/* /Components/Pages/AuditoriaPicksV3.razor.rz.scp.css */
.auditoria-kpi[b-aacqad9sag] {
    height: 100%;
    border-left: 5px solid #6c757d;
}

.auditoria-kpi .card-body[b-aacqad9sag] {
    display: flex;
    flex-direction: column;
}

.auditoria-kpi span[b-aacqad9sag],
.rendimiento-box span[b-aacqad9sag] {
    color: #6c757d;
    font-size: .76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.auditoria-kpi strong[b-aacqad9sag] {
    font-size: 2rem;
    line-height: 1.15;
}

.auditoria-kpi small[b-aacqad9sag],
.rendimiento-box small[b-aacqad9sag] {
    color: #6c757d;
}

.auditoria-kpi.total[b-aacqad9sag] { border-left-color: #6c757d; }
.auditoria-kpi.generado[b-aacqad9sag] { border-left-color: #0d6efd; }
.auditoria-kpi.ajuste[b-aacqad9sag] { border-left-color: #fd7e14; }
.auditoria-kpi.publicado[b-aacqad9sag] { border-left-color: #198754; }
.auditoria-kpi.evaluado[b-aacqad9sag] { border-left-color: #6f42c1; }
.auditoria-kpi.base[b-aacqad9sag] { border-left-color: #adb5bd; }

.rendimiento-box[b-aacqad9sag] {
    min-height: 155px;
    border: 1px solid #dee2e6;
    border-radius: .65rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.rendimiento-box.automatico[b-aacqad9sag] {
    border-left: 5px solid #0d6efd;
}

.rendimiento-box.promovido[b-aacqad9sag] {
    border-left: 5px solid #fd7e14;
}

.rendimiento-box strong[b-aacqad9sag] {
    font-size: 2rem;
    line-height: 1.2;
}

.rendimiento-box b[b-aacqad9sag] {
    margin-top: auto;
    font-size: 1.35rem;
}

.auditoria-tabla-contenedor[b-aacqad9sag] {
    max-height: 680px;
    overflow: auto;
}

.auditoria-sticky[b-aacqad9sag] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.descripcion-auditoria[b-aacqad9sag] {
    min-width: 300px;
    max-width: 500px;
    white-space: normal;
}

.cambio-cell[b-aacqad9sag] {
    min-width: 170px;
}

.fila-linea-base[b-aacqad9sag] {
    background-color: rgba(108, 117, 125, .06);
}

.bg-purple[b-aacqad9sag] {
    background-color: #6f42c1 !important;
    color: #fff !important;
}
/* /Components/Pages/AutomatizacionLigas.razor.rz.scp.css */
.auto-page[b-eih7rjhe1m]{--bg:#07131f;--panel:#0b1d2c;--line:rgba(121,170,205,.18);--text:#e9f5fb;--muted:#8ba6b8;--green:#45dc8b;--blue:#57a7ff;--amber:#f6c453;--red:#ff7180;color:var(--text);display:grid;gap:16px;padding:18px 20px 36px;background:radial-gradient(circle at 10% 0,rgba(40,128,180,.12),transparent 30%)}
.auto-header[b-eih7rjhe1m],.auto-panel[b-eih7rjhe1m]{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,34,50,.97),rgba(8,25,38,.97));border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.16)}
.auto-header[b-eih7rjhe1m]{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px}.auto-header h1[b-eih7rjhe1m]{margin:.2rem 0;font-size:1.65rem}.auto-header p[b-eih7rjhe1m]{margin:0;color:var(--muted)}.auto-eyebrow[b-eih7rjhe1m]{font-size:.7rem;letter-spacing:.16em;color:var(--green);font-weight:800}.auto-header-actions[b-eih7rjhe1m]{display:flex;flex-wrap:wrap;gap:8px}
.auto-btn[b-eih7rjhe1m]{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(120,170,205,.28);background:#10283a;color:#dff2fb;border-radius:9px;padding:.55rem .8rem;text-decoration:none;font-weight:700;cursor:pointer}.auto-btn:hover[b-eih7rjhe1m]{filter:brightness(1.1)}.auto-btn:disabled[b-eih7rjhe1m]{opacity:.5;cursor:not-allowed}.auto-btn-primary[b-eih7rjhe1m]{background:#13623d;border-color:#2d9d67}.auto-btn-small[b-eih7rjhe1m]{font-size:.73rem;padding:.4rem .58rem}
.auto-alert[b-eih7rjhe1m]{padding:.75rem 1rem;border-radius:10px;border:1px solid}.auto-alert-ok[b-eih7rjhe1m]{background:rgba(45,180,105,.09);border-color:rgba(70,220,140,.3);color:#bff5d6}.auto-alert-error[b-eih7rjhe1m]{background:rgba(220,70,90,.09);border-color:rgba(255,113,128,.32);color:#ffc0c8}
.auto-kpis[b-eih7rjhe1m]{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.auto-kpis article[b-eih7rjhe1m]{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(9,28,42,.95)}.auto-kpis span[b-eih7rjhe1m]{display:block;color:var(--muted);font-size:.72rem}.auto-kpis strong[b-eih7rjhe1m]{font-size:1.45rem;color:#f2fbff}
.auto-panel[b-eih7rjhe1m]{padding:16px}.auto-panel-head[b-eih7rjhe1m]{display:flex;align-items:center;justify-content:space-between;gap:12px}.auto-panel h2[b-eih7rjhe1m]{margin:0;font-size:1rem}.auto-panel p[b-eih7rjhe1m]{margin:.25rem 0 0;color:var(--muted);font-size:.78rem}.auto-policy[b-eih7rjhe1m]{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-top:13px}.auto-policy span[b-eih7rjhe1m]{padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(7,25,38,.7)}.auto-policy b[b-eih7rjhe1m],.auto-policy small[b-eih7rjhe1m]{display:block}.auto-policy b[b-eih7rjhe1m]{color:#dff7ea;font-size:.78rem}.auto-policy small[b-eih7rjhe1m]{color:var(--muted);font-size:.66rem;margin-top:4px}
.auto-toolbar[b-eih7rjhe1m]{display:flex;gap:8px;margin-bottom:12px}.auto-toolbar input[b-eih7rjhe1m],.auto-toolbar select[b-eih7rjhe1m],.auto-table select[b-eih7rjhe1m],.auto-config-grid input[b-eih7rjhe1m]{border:1px solid rgba(121,170,205,.22);background:#071a29;color:#e8f5fb;border-radius:8px;padding:.48rem .58rem}.auto-toolbar input[b-eih7rjhe1m]{min-width:290px}.auto-table-wrap[b-eih7rjhe1m]{overflow:auto;border:1px solid var(--line);border-radius:12px}.auto-table[b-eih7rjhe1m]{width:100%;min-width:1450px;border-collapse:collapse}.auto-table th[b-eih7rjhe1m]{position:sticky;top:0;z-index:1;background:#0b2234;color:#87abc1;text-align:left;font-size:.67rem;text-transform:uppercase;letter-spacing:.05em;padding:.65rem}.auto-table td[b-eih7rjhe1m]{vertical-align:top;padding:.7rem;border-top:1px solid rgba(121,170,205,.09);font-size:.72rem}.auto-table td strong[b-eih7rjhe1m],.auto-table td span[b-eih7rjhe1m],.auto-table td small[b-eih7rjhe1m]{display:block}.auto-table td small[b-eih7rjhe1m]{color:var(--muted);margin-top:.2rem;line-height:1.35}.auto-switch[b-eih7rjhe1m]{display:grid;gap:4px;color:#d8edf7}.auto-switch input[b-eih7rjhe1m]{width:18px;height:18px}.auto-status[b-eih7rjhe1m]{display:inline-block!important;border-radius:999px;padding:.3rem .55rem;font-weight:800;font-size:.66rem}.status-ok[b-eih7rjhe1m]{color:#8af1b8;background:rgba(45,190,110,.12)}.status-warn[b-eih7rjhe1m]{color:#ffd77d;background:rgba(240,180,60,.12)}.status-info[b-eih7rjhe1m]{color:#9fcaff;background:rgba(70,140,240,.12)}.status-error[b-eih7rjhe1m]{color:#ff9eaa;background:rgba(230,70,90,.12)}.status-muted[b-eih7rjhe1m]{color:#9cafba;background:rgba(150,170,185,.1)}.auto-message[b-eih7rjhe1m]{max-width:280px;white-space:normal}.auto-link[b-eih7rjhe1m]{margin-top:.35rem;border:0;background:transparent;color:#77c1ff;padding:0;text-align:left;font-size:.7rem;cursor:pointer}.auto-config-grid[b-eih7rjhe1m]{display:grid;gap:6px;min-width:190px;padding-top:8px}.auto-config-grid label[b-eih7rjhe1m]{display:grid;gap:3px;color:var(--muted);font-size:.65rem}.auto-empty[b-eih7rjhe1m]{padding:24px;text-align:center;color:var(--muted)}
.auto-incidents[b-eih7rjhe1m]{display:grid;gap:10px;margin-top:13px}.auto-incident[b-eih7rjhe1m]{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:11px;background:rgba(7,24,37,.72);padding:13px}.auto-incident-head[b-eih7rjhe1m]{display:flex;justify-content:space-between;gap:15px}.auto-incident h3[b-eih7rjhe1m]{margin:.2rem 0;font-size:.9rem}.auto-incident small[b-eih7rjhe1m]{color:var(--muted)}.auto-code[b-eih7rjhe1m]{font-size:.65rem;color:#86c8f2}.auto-severity[b-eih7rjhe1m]{height:max-content;border-radius:999px;padding:.28rem .55rem;font-size:.62rem;font-weight:900}.auto-severity.error[b-eih7rjhe1m]{background:rgba(240,70,90,.13);color:#ff9daa}.auto-severity.advertencia[b-eih7rjhe1m]{background:rgba(240,180,60,.13);color:#ffd77d}.auto-impact[b-eih7rjhe1m]{display:flex;gap:12px;flex-wrap:wrap;font-size:.7rem;color:#bcd2df}.auto-incident details[b-eih7rjhe1m]{margin-top:8px}.auto-incident summary[b-eih7rjhe1m]{cursor:pointer;color:#8bc7ef;font-weight:700}.auto-incident pre[b-eih7rjhe1m]{white-space:pre-wrap;margin:.6rem 0 0;padding:10px;border-radius:8px;background:#061724;color:#d8edf7;font-family:inherit;font-size:.72rem;line-height:1.55}.auto-incident-actions[b-eih7rjhe1m]{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
@media(max-width:1200px){.auto-kpis[b-eih7rjhe1m]{grid-template-columns:repeat(3,1fr)}.auto-policy[b-eih7rjhe1m]{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.auto-header[b-eih7rjhe1m],.auto-panel-head[b-eih7rjhe1m]{align-items:flex-start;flex-direction:column}.auto-kpis[b-eih7rjhe1m],.auto-policy[b-eih7rjhe1m]{grid-template-columns:1fr 1fr}.auto-toolbar[b-eih7rjhe1m]{flex-direction:column}.auto-toolbar input[b-eih7rjhe1m]{min-width:0;width:100%}}
/* /Components/Pages/BacktestDescansoCarga.razor.rz.scp.css */
.backtest-rest[b-m8kds3ooid]{color:#172033}.heading[b-m8kds3ooid]{padding:1.4rem 1.6rem;border-radius:16px;background:#172b4d;color:#fff}.heading h1[b-m8kds3ooid]{margin:.2rem 0;font-size:2rem}.heading p[b-m8kds3ooid]{margin:0;color:#d7e3f5}.kicker[b-m8kds3ooid]{font-size:.72rem;font-weight:800;letter-spacing:.12em}.section-card[b-m8kds3ooid]{margin-top:1rem;padding:1.2rem;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.06)}.section-card h2[b-m8kds3ooid]{font-size:1.05rem;margin-bottom:1rem}.summary-grid[b-m8kds3ooid]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.summary-grid div[b-m8kds3ooid]{padding:1rem;border-radius:10px;background:#f6f8fb}.summary-grid span[b-m8kds3ooid],.sample-alert span[b-m8kds3ooid]{display:block;color:#667085;font-size:.78rem}.summary-grid strong[b-m8kds3ooid]{font-size:1.15rem}.sample-alert[b-m8kds3ooid]{padding:1rem 1.2rem;border-radius:12px}.sample-small[b-m8kds3ooid]{background:#fff3cd}.sample-medium[b-m8kds3ooid]{background:#eaf3ff}.sample-useful[b-m8kds3ooid]{background:#e8f7ed}.table[b-m8kds3ooid]{font-size:.8rem}.table th[b-m8kds3ooid]{white-space:nowrap;color:#667085}.detail[b-m8kds3ooid]{max-height:600px}@media(max-width:767px){.summary-grid[b-m8kds3ooid]{grid-template-columns:repeat(2,1fr)}.heading h1[b-m8kds3ooid]{font-size:1.5rem}}
/* /Components/Pages/BoletoApuestas.razor.rz.scp.css */
:root[b-bsq1hf4z4m] {
    --sb-bg: #07101a;
    --sb-panel: #0c1722;
    --sb-panel-2: #101e2b;
    --sb-border: #223244;
    --sb-text: #eef5fb;
    --sb-muted: #8394a7;
    --sb-green: #10d777;
    --sb-green-dark: #073f2b;
    --sb-yellow: #ffc400;
    --sb-yellow-dark: #4d3a00;
    --sb-red: #ff5d6c;
}

.sportsbook-shell[b-bsq1hf4z4m] {
    color: var(--sb-text);
    background:
        radial-gradient(circle at top right, rgba(16, 215, 119, .06), transparent 26rem),
        linear-gradient(180deg, #07101a 0%, #08131e 100%);
    border-radius: 18px;
    padding: 18px;
    min-height: calc(100vh - 80px);
}

.sportsbook-titlebar[b-bsq1hf4z4m] {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.eyebrow[b-bsq1hf4z4m],
.panel-kicker[b-bsq1hf4z4m] {
    display: block;
    color: var(--sb-green);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.sportsbook-titlebar h1[b-bsq1hf4z4m],
.panel-header h2[b-bsq1hf4z4m] {
    margin: 3px 0 0;
    color: #fff;
    font-weight: 850;
}

.sportsbook-titlebar h1[b-bsq1hf4z4m] {
    font-size: 1.75rem;
}

.sportsbook-titlebar p[b-bsq1hf4z4m] {
    margin: 5px 0 0;
    color: var(--sb-muted);
}

.top-summary[b-bsq1hf4z4m] {
    min-width: 390px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--sb-border);
    background: rgba(12, 23, 34, .94);
    border-radius: 14px;
    overflow: hidden;
}

.summary-item[b-bsq1hf4z4m] {
    padding: 12px 16px;
    text-align: center;
    border-right: 1px solid var(--sb-border);
}

.summary-item:last-child[b-bsq1hf4z4m] {
    border-right: 0;
}

.summary-item span[b-bsq1hf4z4m] {
    display: block;
    color: var(--sb-muted);
    font-size: .72rem;
}

.summary-item strong[b-bsq1hf4z4m] {
    display: block;
    margin-top: 3px;
    font-size: 1.15rem;
}

.confidence-strong[b-bsq1hf4z4m] {
    color: var(--sb-green);
}

.confidence-ok[b-bsq1hf4z4m] {
    color: var(--sb-yellow);
}

.confidence-watch[b-bsq1hf4z4m] {
    color: var(--sb-muted);
}

.alert-board[b-bsq1hf4z4m] {
    border-radius: 10px;
    padding: 10px 13px;
    margin-bottom: 12px;
    font-size: .9rem;
}

.alert-error[b-bsq1hf4z4m] {
    background: rgba(255, 93, 108, .12);
    border: 1px solid rgba(255, 93, 108, .42);
    color: #ffc4ca;
}

.alert-ok[b-bsq1hf4z4m] {
    background: rgba(16, 215, 119, .1);
    border: 1px solid rgba(16, 215, 119, .35);
    color: #b8f5d7;
}

.filter-strip[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: 170px 190px minmax(240px, 1fr) 100px 180px auto;
    gap: 10px;
    align-items: end;
    padding: 12px;
    margin-bottom: 14px;
    border: 1px solid var(--sb-border);
    background: rgba(12, 23, 34, .96);
    border-radius: 14px;
}

.filter-field label[b-bsq1hf4z4m],
.slip-controls > label[b-bsq1hf4z4m] {
    display: block;
    margin-bottom: 5px;
    color: var(--sb-muted);
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sports-select[b-bsq1hf4z4m],
.sports-input[b-bsq1hf4z4m],
.money-input input[b-bsq1hf4z4m] {
    width: 100%;
    border: 1px solid #293b4d;
    border-radius: 8px;
    background: #09131e;
    color: #eef5fb;
    min-height: 40px;
    padding: 8px 10px;
    outline: none;
}

.sports-select:focus[b-bsq1hf4z4m],
.sports-input:focus[b-bsq1hf4z4m],
.money-input input:focus[b-bsq1hf4z4m],
.odds-cell input:focus[b-bsq1hf4z4m],
.slip-pick-line input:focus[b-bsq1hf4z4m] {
    border-color: var(--sb-green);
    box-shadow: 0 0 0 2px rgba(16, 215, 119, .10);
}

.sports-select:disabled[b-bsq1hf4z4m] {
    opacity: .48;
}

.btn-load[b-bsq1hf4z4m],
.save-slip[b-bsq1hf4z4m],
.btn-secondary-board[b-bsq1hf4z4m] {
    border: 0;
    border-radius: 9px;
    font-weight: 800;
    min-height: 40px;
    padding: 8px 14px;
}

.btn-load[b-bsq1hf4z4m] {
    background: var(--sb-green);
    color: #03160e;
}

.btn-load:disabled[b-bsq1hf4z4m],
.save-slip:disabled[b-bsq1hf4z4m] {
    opacity: .45;
    cursor: not-allowed;
}

.sportsbook-grid[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: minmax(235px, .78fr) minmax(520px, 1.72fr) minmax(320px, .95fr);
    gap: 12px;
    align-items: start;
}

.panel[b-bsq1hf4z4m] {
    position: relative;
    background: linear-gradient(180deg, rgba(14, 27, 39, .98), rgba(9, 19, 29, .98));
    border: 1px solid var(--sb-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.matches-panel[b-bsq1hf4z4m],
.markets-panel[b-bsq1hf4z4m],
.slip-panel[b-bsq1hf4z4m] {
    min-height: 690px;
}

.panel-header[b-bsq1hf4z4m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--sb-border);
}

.panel-header h2[b-bsq1hf4z4m] {
    font-size: 1.03rem;
}

.counter[b-bsq1hf4z4m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 999px;
    color: #d8e5f0;
    background: #172534;
    font-weight: 800;
    font-size: .78rem;
}

.counter.green[b-bsq1hf4z4m] {
    background: rgba(16, 215, 119, .16);
    color: var(--sb-green);
}

.match-list[b-bsq1hf4z4m] {
    padding: 10px;
    display: grid;
    gap: 8px;
    max-height: 650px;
    overflow: auto;
}

.match-card[b-bsq1hf4z4m] {
    width: 100%;
    text-align: left;
    color: var(--sb-text);
    background: #101c28;
    border: 1px solid #25384a;
    border-radius: 11px;
    padding: 11px;
    cursor: pointer;
    transition: .16s ease;
}

.match-card:hover[b-bsq1hf4z4m] {
    transform: translateY(-1px);
    border-color: #36556e;
}

.match-card.selected[b-bsq1hf4z4m] {
    border-color: var(--sb-green);
    box-shadow: inset 0 0 0 1px rgba(16, 215, 119, .24), 0 0 20px rgba(16, 215, 119, .08);
    background: linear-gradient(180deg, #10271f, #0e1e24);
}

.match-meta[b-bsq1hf4z4m],
.match-footer[b-bsq1hf4z4m] {
    display: flex;
    justify-content: space-between;
    color: var(--sb-muted);
    font-size: .72rem;
}

.team-row[b-bsq1hf4z4m] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
}

.team-row strong[b-bsq1hf4z4m] {
    font-size: .86rem;
}

.team-dot[b-bsq1hf4z4m] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sb-green);
    box-shadow: 0 0 7px rgba(16, 215, 119, .5);
}

.team-dot.away[b-bsq1hf4z4m] {
    background: #7fa1bc;
    box-shadow: none;
}

.match-footer[b-bsq1hf4z4m] {
    padding-top: 9px;
    margin-top: 9px;
    border-top: 1px solid rgba(126, 151, 172, .13);
}

.mini-quality[b-bsq1hf4z4m] {
    color: var(--sb-green);
}

.markets-title[b-bsq1hf4z4m] {
    min-height: 67px;
}

.market-tabs[b-bsq1hf4z4m] {
    display: flex;
    gap: 2px;
    padding: 0 12px;
    border-bottom: 1px solid var(--sb-border);
    overflow-x: auto;
}

.market-tab[b-bsq1hf4z4m] {
    border: 0;
    background: transparent;
    color: var(--sb-muted);
    padding: 11px 13px 9px;
    border-bottom: 2px solid transparent;
    font-size: .82rem;
    font-weight: 700;
}

.market-tab.active[b-bsq1hf4z4m] {
    color: #fff;
    border-bottom-color: var(--sb-green);
}

.market-head[b-bsq1hf4z4m],
.market-row[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: minmax(210px, 1.65fr) 80px 80px 86px 100px 42px;
    gap: 8px;
    align-items: center;
}

.market-head[b-bsq1hf4z4m] {
    padding: 9px 14px;
    color: var(--sb-muted);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--sb-border);
}

.market-list[b-bsq1hf4z4m] {
    max-height: 570px;
    overflow: auto;
}

.market-row[b-bsq1hf4z4m] {
    padding: 11px 14px;
    border-bottom: 1px solid rgba(60, 82, 101, .35);
}

.market-row:hover[b-bsq1hf4z4m] {
    background: rgba(255, 255, 255, .018);
}

.market-main[b-bsq1hf4z4m] {
    min-width: 0;
}

.market-main > strong[b-bsq1hf4z4m] {
    display: block;
    color: #fff;
    font-size: .88rem;
    margin: 2px 0;
}

.market-main small[b-bsq1hf4z4m] {
    display: block;
    color: var(--sb-muted);
    font-size: .70rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.market-family[b-bsq1hf4z4m] {
    color: var(--sb-green);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .07em;
}

.probability-cell[b-bsq1hf4z4m] {
    text-align: center;
}

.probability-cell strong[b-bsq1hf4z4m] {
    display: block;
    font-size: .84rem;
}

.probability-cell small[b-bsq1hf4z4m] {
    color: var(--sb-muted);
    font-size: .62rem;
}

.odds-cell input[b-bsq1hf4z4m],
.slip-pick-line input[b-bsq1hf4z4m] {
    width: 100%;
    border: 1px solid #2b4053;
    background: #07121c;
    color: #fff;
    border-radius: 7px;
    text-align: center;
    padding: 6px;
    font-weight: 800;
}

.quality-badge[b-bsq1hf4z4m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: .66rem;
    font-weight: 800;
}

.quality-badge.tiny[b-bsq1hf4z4m] {
    min-width: 0;
    padding: 2px 6px;
    font-size: .58rem;
}

.quality-strong[b-bsq1hf4z4m] {
    color: #5ff2ad;
    background: rgba(16, 215, 119, .13);
}

.quality-ok[b-bsq1hf4z4m] {
    color: #ffd85c;
    background: rgba(255, 196, 0, .13);
}

.quality-watch[b-bsq1hf4z4m] {
    color: #aebdca;
    background: rgba(139, 159, 176, .12);
}

.add-cell[b-bsq1hf4z4m] {
    text-align: right;
}

.btn-add[b-bsq1hf4z4m],
.btn-added[b-bsq1hf4z4m] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    font-size: 1.25rem;
    line-height: 1;
}

.btn-add[b-bsq1hf4z4m] {
    border: 1px solid var(--sb-green);
    background: transparent;
    color: var(--sb-green);
}

.btn-add:hover[b-bsq1hf4z4m] {
    background: var(--sb-green);
    color: #06160e;
}

.btn-added[b-bsq1hf4z4m] {
    border: 1px solid rgba(16, 215, 119, .25);
    background: rgba(16, 215, 119, .10);
    color: var(--sb-green);
}

.slip-panel[b-bsq1hf4z4m] {
    border-color: rgba(255, 196, 0, .7);
}

.slip-accent[b-bsq1hf4z4m] {
    height: 3px;
    background: linear-gradient(90deg, var(--sb-yellow), #ff9500);
}

.slip-list[b-bsq1hf4z4m] {
    padding: 10px;
    display: grid;
    gap: 8px;
    max-height: 350px;
    overflow: auto;
}

.slip-item[b-bsq1hf4z4m] {
    position: relative;
    padding: 11px 40px 11px 11px;
    border: 1px solid #25384a;
    background: #111f2c;
    border-radius: 10px;
}

.slip-item > small[b-bsq1hf4z4m],
.slip-item > span[b-bsq1hf4z4m] {
    display: block;
    color: var(--sb-muted);
    font-size: .67rem;
    margin-bottom: 3px;
}

.remove-pick[b-bsq1hf4z4m] {
    position: absolute;
    right: 8px;
    top: 9px;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    border: 1px solid #33495c;
    color: #d8e4ee;
    background: #0b1621;
    font-size: 1.1rem;
    line-height: 1;
}

.remove-pick:hover[b-bsq1hf4z4m] {
    color: #fff;
    border-color: var(--sb-red);
    background: rgba(255, 93, 108, .1);
}

.slip-pick-line[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 80px;
    gap: 8px;
    align-items: center;
    margin-top: 5px;
}

.slip-pick-line strong[b-bsq1hf4z4m] {
    color: var(--sb-green);
    font-size: .88rem;
}

.slip-mini-meta[b-bsq1hf4z4m] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px;
    align-items: center;
    margin-top: 7px;
    color: var(--sb-muted);
    font-size: .61rem;
}

.slip-controls[b-bsq1hf4z4m] {
    padding: 12px;
    border-top: 1px solid var(--sb-border);
}

.bet-type-switch[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 12px;
    border: 1px solid #2b4053;
    border-radius: 9px;
    overflow: hidden;
}

.bet-type-switch button[b-bsq1hf4z4m] {
    border: 0;
    padding: 9px;
    color: #dbe5ed;
    background: #0b1621;
    font-weight: 750;
}

.bet-type-switch button.active[b-bsq1hf4z4m] {
    color: #04170e;
    background: var(--sb-green);
}

.inline-warning[b-bsq1hf4z4m] {
    margin: -4px 0 10px;
    color: #ffd85c;
    font-size: .69rem;
}

.money-input[b-bsq1hf4z4m] {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    margin-bottom: 12px;
}

.money-input span[b-bsq1hf4z4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 1px solid #293b4d;
    border-right: 0;
    border-radius: 8px 0 0 8px;
    background: #101c28;
    font-weight: 800;
}

.money-input input[b-bsq1hf4z4m] {
    border-radius: 0 8px 8px 0;
    text-align: right;
    font-weight: 850;
}

.slip-totals[b-bsq1hf4z4m] {
    border-top: 1px solid rgba(126, 151, 172, .15);
    border-bottom: 1px solid rgba(126, 151, 172, .15);
    padding: 9px 0;
    margin: 4px 0 12px;
}

.slip-totals > div[b-bsq1hf4z4m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.slip-totals span[b-bsq1hf4z4m] {
    color: var(--sb-muted);
    font-size: .78rem;
}

.slip-totals strong[b-bsq1hf4z4m] {
    font-size: 1rem;
}

.slip-totals .gain[b-bsq1hf4z4m] {
    color: var(--sb-green);
}

.slip-totals .return[b-bsq1hf4z4m] {
    color: var(--sb-yellow);
    font-size: 1.12rem;
}

.save-slip[b-bsq1hf4z4m] {
    width: 100%;
    color: #211900;
    background: linear-gradient(180deg, #ffd52f, #ffb800);
}

.save-slip:hover:not(:disabled)[b-bsq1hf4z4m] {
    filter: brightness(1.04);
}

.save-help[b-bsq1hf4z4m] {
    display: block;
    margin-top: 8px;
    text-align: center;
    color: var(--sb-muted);
    font-size: .64rem;
}

.empty-state[b-bsq1hf4z4m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 250px;
    padding: 25px;
    text-align: center;
    color: var(--sb-muted);
}

.empty-state.big[b-bsq1hf4z4m] {
    min-height: 430px;
}

.empty-state.slip-empty[b-bsq1hf4z4m] {
    min-height: 245px;
}

.empty-state strong[b-bsq1hf4z4m] {
    color: #dce8f2;
}

.empty-icon[b-bsq1hf4z4m] {
    font-size: 2rem;
    opacity: .75;
}

.history-panel[b-bsq1hf4z4m] {
    margin-top: 12px;
}

.btn-secondary-board[b-bsq1hf4z4m] {
    min-height: 34px;
    color: #dbe8f2;
    background: #172534;
    border: 1px solid #2c4153;
}

.history-empty[b-bsq1hf4z4m] {
    padding: 18px;
    color: var(--sb-muted);
}

.history-table-wrap[b-bsq1hf4z4m] {
    overflow-x: auto;
}

.history-table[b-bsq1hf4z4m] {
    width: 100%;
    border-collapse: collapse;
    font-size: .78rem;
}

.history-table th[b-bsq1hf4z4m],
.history-table td[b-bsq1hf4z4m] {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(60, 82, 101, .35);
    text-align: left;
    white-space: nowrap;
}

.history-table th[b-bsq1hf4z4m] {
    color: var(--sb-muted);
    font-size: .68rem;
    text-transform: uppercase;
}

.history-status[b-bsq1hf4z4m] {
    display: inline-flex;
    border-radius: 999px;
    padding: 4px 8px;
    color: #ffd85c;
    background: rgba(255, 196, 0, .11);
    font-weight: 800;
}

@media (max-width: 1400px) {
    .filter-strip[b-bsq1hf4z4m] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .filter-action[b-bsq1hf4z4m] {
        grid-column: auto;
    }

    .sportsbook-grid[b-bsq1hf4z4m] {
        grid-template-columns: 260px minmax(500px, 1fr);
    }

    .slip-panel[b-bsq1hf4z4m] {
        grid-column: 1 / -1;
        min-height: 0;
    }

    .slip-list[b-bsq1hf4z4m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }
}

@media (max-width: 980px) {
    .sportsbook-titlebar[b-bsq1hf4z4m] {
        align-items: stretch;
        flex-direction: column;
    }

    .top-summary[b-bsq1hf4z4m] {
        min-width: 0;
        width: 100%;
    }

    .filter-strip[b-bsq1hf4z4m] {
        grid-template-columns: 1fr 1fr;
    }

    .sportsbook-grid[b-bsq1hf4z4m] {
        grid-template-columns: 1fr;
    }

    .matches-panel[b-bsq1hf4z4m],
    .markets-panel[b-bsq1hf4z4m],
    .slip-panel[b-bsq1hf4z4m] {
        min-height: 0;
    }

    .market-head[b-bsq1hf4z4m],
    .market-row[b-bsq1hf4z4m] {
        grid-template-columns: minmax(170px, 1.5fr) 70px 70px 78px 90px 38px;
    }

    .slip-panel[b-bsq1hf4z4m] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .sportsbook-shell[b-bsq1hf4z4m] {
        padding: 10px;
        border-radius: 0;
    }

    .filter-strip[b-bsq1hf4z4m] {
        grid-template-columns: 1fr;
    }

    .top-summary[b-bsq1hf4z4m] {
        grid-template-columns: 1fr;
    }

    .summary-item[b-bsq1hf4z4m] {
        border-right: 0;
        border-bottom: 1px solid var(--sb-border);
    }

    .summary-item:last-child[b-bsq1hf4z4m] {
        border-bottom: 0;
    }

    .market-head[b-bsq1hf4z4m] {
        display: none;
    }

    .market-row[b-bsq1hf4z4m] {
        grid-template-columns: 1fr 62px 62px;
    }

    .market-main[b-bsq1hf4z4m] {
        grid-column: 1 / -1;
    }

    .odds-cell[b-bsq1hf4z4m] {
        grid-column: 1;
    }

    .add-cell[b-bsq1hf4z4m] {
        grid-column: 3;
    }

    .slip-list[b-bsq1hf4z4m] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CalibracionFinalTorneoV3.razor.rz.scp.css */
.cfv3-page[b-967fbe3vla] {
    --bg: #050f1a;
    --panel: #081827;
    --panel-2: #0a1d2f;
    --panel-3: #0c2237;
    --border: rgba(101, 157, 199, .28);
    --border-soft: rgba(101, 157, 199, .14);
    --text: #eef7ff;
    --muted: #93aabd;
    --blue: #2378ef;
    --blue-soft: rgba(35, 120, 239, .18);
    --green: #37c979;
    --green-soft: rgba(55, 201, 121, .17);
    --amber: #e4a90b;
    --amber-soft: rgba(228, 169, 11, .17);
    --red: #d83a3a;
    --red-soft: rgba(216, 58, 58, .18);
    --cyan: #31b9d7;
    --purple: #7858e8;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.1rem;
    color: var(--text);
    background:
        radial-gradient(circle at 88% 0%, rgba(35, 120, 239, .09), transparent 28%),
        linear-gradient(145deg, #040c15, #061421 55%, #050f1a);
    font-family: "Segoe UI", Arial, sans-serif;
}

.cfv3-header[b-967fbe3vla] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .15rem .3rem .7rem;
    border-bottom: 1px solid var(--border);
}

.cfv3-header h1[b-967fbe3vla] {
    margin: 0;
    font-size: clamp(1.35rem, 2.1vw, 2.15rem);
    font-weight: 800;
    letter-spacing: .015em;
}

.cfv3-header p[b-967fbe3vla] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .82rem;
}

.header-actions[b-967fbe3vla] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.help-circle[b-967fbe3vla] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
    color: #fff;
    cursor: help;
}

.ghost-button[b-967fbe3vla],
.primary-button[b-967fbe3vla],
.action-button[b-967fbe3vla],
.save-provisional[b-967fbe3vla],
.second-simulation[b-967fbe3vla] {
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text);
    background: #0a1723;
    cursor: pointer;
    font-weight: 600;
}

.ghost-button[b-967fbe3vla] {
    padding: .45rem .85rem;
}

.primary-button[b-967fbe3vla] {
    padding: .58rem .9rem;
    border-color: rgba(65, 141, 255, .65);
    background: linear-gradient(180deg, #277ff2, #1760ce);
}

button:disabled[b-967fbe3vla],
a[aria-disabled="true"][b-967fbe3vla] {
    opacity: .46;
    pointer-events: none;
    cursor: not-allowed;
}

.selector-strip[b-967fbe3vla] {
    display: grid;
    grid-template-columns: minmax(170px, .8fr) minmax(220px, 1fr) minmax(220px, 1fr) 150px;
    gap: .65rem;
    align-items: end;
    padding: .75rem .3rem;
    border-bottom: 1px solid var(--border-soft);
}

.selector-strip label[b-967fbe3vla] {
    display: grid;
    gap: .28rem;
}

.selector-strip label span[b-967fbe3vla],
.context-strip span[b-967fbe3vla] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 700;
}

.selector-strip select[b-967fbe3vla],
.side-block select[b-967fbe3vla],
.threshold-filters select[b-967fbe3vla],
.threshold-filters input[b-967fbe3vla],
.single-market-row select[b-967fbe3vla] {
    min-height: 38px;
    width: 100%;
    padding: .45rem .62rem;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text);
    background: #071522;
    outline: none;
}

.selector-strip select:focus[b-967fbe3vla],
.side-block select:focus[b-967fbe3vla],
.threshold-filters select:focus[b-967fbe3vla],
.threshold-filters input:focus[b-967fbe3vla],
.single-market-row select:focus[b-967fbe3vla] {
    border-color: #4c91ff;
    box-shadow: 0 0 0 3px rgba(76, 145, 255, .12);
}

.load-button[b-967fbe3vla] { min-height: 38px; }

.cfv3-message[b-967fbe3vla] {
    margin: .6rem .2rem;
    padding: .65rem .85rem;
    border: 1px solid;
    border-radius: 5px;
    font-size: .83rem;
}

.cfv3-message.ok[b-967fbe3vla] {
    color: #c8f8dc;
    border-color: rgba(55, 201, 121, .45);
    background: var(--green-soft);
}

.cfv3-message.error[b-967fbe3vla] {
    color: #ffd1d1;
    border-color: rgba(216, 58, 58, .5);
    background: var(--red-soft);
}

.empty-state[b-967fbe3vla] {
    display: grid;
    place-items: center;
    min-height: 520px;
    padding: 2rem;
    text-align: center;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(7, 21, 34, .7);
}

.empty-state .empty-icon[b-967fbe3vla] {
    color: #3d8fff;
    font-size: 3.6rem;
}

.empty-state h2[b-967fbe3vla] { margin: .5rem 0; }
.empty-state p[b-967fbe3vla] { max-width: 680px; color: var(--muted); }

.context-strip[b-967fbe3vla] {
    display: grid;
    grid-template-columns: .85fr .8fr .55fr 1fr 1.55fr;
    gap: .5rem;
    padding: .62rem .2rem;
    border-bottom: 1px solid var(--border-soft);
}

.context-strip > div[b-967fbe3vla] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .42rem .65rem;
    border-right: 1px solid var(--border-soft);
    background: rgba(8, 24, 39, .6);
}

.context-strip strong[b-967fbe3vla] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
}

.context-strip .mode strong[b-967fbe3vla] { color: #3e9cff; }

.flow-callout[b-967fbe3vla] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: .65rem .2rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(57, 136, 205, .55);
    border-radius: 5px;
    background: rgba(25, 74, 111, .16);
}

.flow-callout .flow-icon[b-967fbe3vla] {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #02101d;
    background: #4aa3ff;
    font-weight: 900;
}

.flow-callout strong[b-967fbe3vla] { font-size: .8rem; }
.flow-callout p[b-967fbe3vla] { margin: .15rem 0 0; color: #bfd1df; font-size: .74rem; }

.cfv3-tabs[b-967fbe3vla] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    padding: 0 .2rem;
    border-bottom: 1px solid var(--border);
}

.cfv3-tab[b-967fbe3vla] {
    flex: 0 0 auto;
    padding: .62rem .95rem;
    border: 1px solid var(--border-soft);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #d6e3ed;
    background: #081522;
    cursor: pointer;
    font-size: .78rem;
}

.cfv3-tab.active[b-967fbe3vla] {
    border-color: rgba(57, 126, 255, .7);
    color: #fff;
    background: linear-gradient(180deg, #235dc5, #174598);
    box-shadow: inset 0 -2px 0 #5da1ff;
}

.dashboard-grid[b-967fbe3vla] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: .7rem;
    margin-top: .65rem;
}

.summary-panel[b-967fbe3vla],
.action-panel[b-967fbe3vla],
.matrix-side[b-967fbe3vla],
.matrix-center[b-967fbe3vla],
.footer-panel[b-967fbe3vla] {
    border: 1px solid var(--border);
    border-radius: 6px;
    background: linear-gradient(155deg, rgba(9, 28, 45, .97), rgba(6, 20, 33, .98));
}

.summary-panel[b-967fbe3vla],
.action-panel[b-967fbe3vla] { padding: .85rem; }
.summary-panel[b-967fbe3vla] { margin-top: .65rem; }
.dashboard-grid .summary-panel[b-967fbe3vla] { margin-top: 0; }

.section-heading[b-967fbe3vla] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.section-heading span[b-967fbe3vla] {
    color: #4b93ff;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.section-heading h2[b-967fbe3vla] {
    margin: .15rem 0 0;
    font-size: 1rem;
}

.section-heading p[b-967fbe3vla] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .72rem;
}

.metric-grid[b-967fbe3vla] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.metric-card[b-967fbe3vla] {
    min-height: 108px;
    padding: .75rem;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    background: #091b2c;
}

.metric-card span[b-967fbe3vla],
.metric-card strong[b-967fbe3vla],
.metric-card small[b-967fbe3vla] { display: block; }
.metric-card span[b-967fbe3vla] { color: var(--muted); font-size: .66rem; text-transform: uppercase; }
.metric-card strong[b-967fbe3vla] { margin-top: .35rem; font-size: 1.25rem; }
.metric-card small[b-967fbe3vla] { margin-top: .35rem; color: #acc0cf; font-size: .66rem; }
.metric-card.blue[b-967fbe3vla] { border-left: 3px solid var(--blue); }
.metric-card.cyan[b-967fbe3vla] { border-left: 3px solid var(--cyan); }
.metric-card.purple[b-967fbe3vla] { border-left: 3px solid var(--purple); }
.metric-card.green[b-967fbe3vla] { border-left: 3px solid var(--green); }
.metric-card.gold[b-967fbe3vla] { border-left: 3px solid var(--amber); }
.metric-card.red[b-967fbe3vla] { border-left: 3px solid var(--red); }

.simulation-summary[b-967fbe3vla] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.1rem;
    margin-top: .7rem;
    padding: .65rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #bad0df;
    background: #071522;
    font-size: .72rem;
}
.simulation-summary strong[b-967fbe3vla] { flex-basis: 100%; color: #fff; }

.action-panel[b-967fbe3vla],
.quick-actions[b-967fbe3vla],
.continue-block[b-967fbe3vla] { display: grid; align-content: start; gap: .55rem; }

.action-button[b-967fbe3vla] {
    display: block;
    width: 100%;
    padding: .58rem .65rem;
    text-align: center;
    text-decoration: none;
    font-size: .72rem;
}
.action-button.blue[b-967fbe3vla] { border-color: #2d79e8; background: #1559bc; }
.action-button.green[b-967fbe3vla] { border-color: #2b9d5c; background: #1b6f42; }
.action-button.amber[b-967fbe3vla] { border-color: #b17a00; background: #72530b; }
.action-button.red[b-967fbe3vla] { border-color: #ba3434; background: #a92626; }
.action-button.export[b-967fbe3vla] { border-color: rgba(92, 142, 174, .5); background: #0a1a27; }

.single-market-row[b-967fbe3vla] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: .65rem;
}

.matrix-shell[b-967fbe3vla] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 245px;
    gap: .55rem;
    margin-top: .6rem;
}

.matrix-side[b-967fbe3vla] { padding: .65rem; }
.side-block + .side-block[b-967fbe3vla] { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--border-soft); }
.side-block h3[b-967fbe3vla] { margin: 0 0 .65rem; font-size: .78rem; }
.side-block h4[b-967fbe3vla] { margin: .8rem 0 .45rem; color: #c2d1dc; font-size: .7rem; }

.selection-count[b-967fbe3vla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .35rem 0;
    border-bottom: 1px solid rgba(100, 150, 185, .08);
    font-size: .7rem;
}
.selection-count strong[b-967fbe3vla] { color: #7edf83; font-size: .67rem; }

.legend-block > div[b-967fbe3vla],
.filter-check[b-967fbe3vla],
.radio-row[b-967fbe3vla] {
    display: flex;
    align-items: center;
    gap: .48rem;
    margin: .38rem 0;
    color: #d8e4ec;
    font-size: .68rem;
}

.legend-square[b-967fbe3vla] {
    width: 16px;
    height: 16px;
    border: 1px solid var(--border);
    border-radius: 3px;
}
.legend-square.recommended[b-967fbe3vla] { background: #2677d8; }
.legend-square.manual-on[b-967fbe3vla] { background: #2aa65d; }
.legend-square.manual-off[b-967fbe3vla] { background: #bf8300; }
.legend-square.neutral[b-967fbe3vla] { background: #101f2c; }
.legend-square.danger[b-967fbe3vla] { background: #b92727; }

.state-legend p[b-967fbe3vla] { margin: .35rem 0; font-size: .7rem; }
.final-text[b-967fbe3vla] { color: #7be28f; }
.prelim-text[b-967fbe3vla] { color: #f0bc2c; }

.matrix-center[b-967fbe3vla] { min-width: 0; overflow: hidden; }

.matrix-titlebar[b-967fbe3vla] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .68rem .75rem;
    border-bottom: 1px solid var(--border);
}
.matrix-titlebar h2[b-967fbe3vla] { margin: 0; font-size: .9rem; }
.matrix-titlebar p[b-967fbe3vla] { margin: .2rem 0 0; color: var(--muted); font-size: .65rem; }
.matrix-status[b-967fbe3vla] { display: flex; gap: .35rem; flex-wrap: wrap; justify-content: flex-end; }
.matrix-status span[b-967fbe3vla] { padding: .25rem .45rem; border: 1px solid var(--border-soft); border-radius: 4px; color: #a9c1d2; background: #071522; font-size: .61rem; }

.matrix-empty[b-967fbe3vla] {
    display: grid;
    place-items: center;
    min-height: 460px;
    padding: 1.5rem;
    text-align: center;
}
.matrix-empty p[b-967fbe3vla] { color: var(--muted); }

.matrix-table-scroll[b-967fbe3vla] {
    max-height: 630px;
    overflow: auto;
}

.matrix-table[b-967fbe3vla] {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
    font-size: .63rem;
}

.matrix-table th[b-967fbe3vla] {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: .42rem .28rem;
    border: 1px solid rgba(91, 143, 180, .25);
    color: #dce8f0;
    text-align: center;
    background: #0b2033;
    white-space: nowrap;
}

.matrix-table thead tr:nth-child(2) th[b-967fbe3vla] { top: 30px; z-index: 4; }
.matrix-table td[b-967fbe3vla] {
    padding: .31rem .25rem;
    border: 1px solid rgba(91, 143, 180, .18);
    text-align: center;
    white-space: nowrap;
    background: rgba(7, 21, 34, .86);
}
.matrix-table tbody tr:hover td[b-967fbe3vla] { background: rgba(28, 62, 88, .78); }
.matrix-table .quadrant-header[b-967fbe3vla] { min-width: 92px; }
.matrix-table .recommendation-header[b-967fbe3vla] { min-width: 170px; }
.quadrant-cell[b-967fbe3vla] { position: sticky; left: 0; z-index: 2; text-align: left !important; }
.quadrant-cell strong[b-967fbe3vla] { display: block; font-size: .7rem; }
.quadrant-cell small[b-967fbe3vla] { display: block; color: rgba(255,255,255,.68); font-size: .52rem; }
.zone-elite .quadrant-cell[b-967fbe3vla] { background: #103c69; }
.zone-fuerte .quadrant-cell[b-967fbe3vla] { background: #185438; }
.zone-medio .quadrant-cell[b-967fbe3vla] { background: #6c5e0b; }
.zone-debil .quadrant-cell[b-967fbe3vla] { background: #702522; }
.recommendation-cell[b-967fbe3vla] { max-width: 210px; overflow: hidden; text-overflow: ellipsis; text-align: left !important; color: #dce8ef; }
.market-td[b-967fbe3vla] { min-width: 54px; }

.market-cell[b-967fbe3vla] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 44px;
    padding: 2px 3px;
    border: 1px solid rgba(104, 158, 196, .2);
    border-radius: 3px;
    background: #071521;
}
.market-cell.recommended[b-967fbe3vla] { border-color: rgba(39, 119, 216, .65); background: rgba(39, 119, 216, .16); }
.market-cell.manual-on[b-967fbe3vla] { border-color: rgba(42, 166, 93, .75); background: rgba(42, 166, 93, .14); }
.market-cell.manual-off[b-967fbe3vla] { border-color: rgba(191, 131, 0, .75); background: rgba(191, 131, 0, .12); }
.market-cell.low-sample[b-967fbe3vla] { box-shadow: inset 0 0 0 1px #c93232; }
.market-cell input[b-967fbe3vla] { width: 14px; height: 14px; margin: 0; accent-color: #2b80ef; }

.state-chip[b-967fbe3vla] {
    min-width: 19px;
    height: 19px;
    padding: 0;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    font-size: .58rem;
    font-weight: 800;
    line-height: 17px;
    cursor: pointer;
}
.state-chip.final[b-967fbe3vla] { border-color: #3aa966; background: #1f7544; }
.state-chip.prelim[b-967fbe3vla] { border-color: #c08b00; background: #916700; }

.right-side select[b-967fbe3vla] { margin: .35rem 0 .55rem; font-size: .68rem; }
.radio-row input[b-967fbe3vla],
.filter-check input[b-967fbe3vla] { accent-color: #2d84f5; }

.save-provisional[b-967fbe3vla] {
    padding: .65rem .45rem;
    border-color: #2c78ed;
    background: linear-gradient(180deg, #1e65d7, #1249a4);
    font-size: .7rem;
}
.save-provisional small[b-967fbe3vla] { display: block; margin-top: .2rem; color: #c7d9ee; font-size: .58rem; }
.second-simulation[b-967fbe3vla] { padding: .62rem .45rem; background: #101c27; font-size: .69rem; }

.matrix-footer-grid[b-967fbe3vla] {
    display: grid;
    grid-template-columns: 1.15fr .9fr .85fr;
    gap: .55rem;
    margin-top: .55rem;
}
.footer-panel[b-967fbe3vla] { padding: .7rem; }
.footer-panel h3[b-967fbe3vla] { margin: 0 0 .55rem; font-size: .76rem; }
.footer-panel ul[b-967fbe3vla] { margin: 0; padding-left: 1.1rem; color: #d1dee7; font-size: .67rem; line-height: 1.55; }
.footer-panel p[b-967fbe3vla] { margin: .38rem 0; font-size: .68rem; }
.footer-panel p.valid[b-967fbe3vla] { color: #73e493; }
.footer-panel p.invalid[b-967fbe3vla] { color: #ff7373; }
.footer-panel p.warning[b-967fbe3vla] { color: #ffd05b; }
.change-count[b-967fbe3vla] { display: block; color: #f0b814; font-size: 1rem; }
.changes > p[b-967fbe3vla] { margin-bottom: .2rem; color: var(--muted); }
.changes > strong:not(.change-count)[b-967fbe3vla], .changes > small[b-967fbe3vla] { display: block; }
.changes > small[b-967fbe3vla] { margin-top: .28rem; color: var(--muted); }

.threshold-filters[b-967fbe3vla] {
    display: grid;
    grid-template-columns: 150px 160px 160px minmax(220px, 1fr) 90px 140px;
    gap: .5rem;
    margin-bottom: .65rem;
}

.generic-table-scroll[b-967fbe3vla] {
    max-height: 680px;
    overflow: auto;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
}
.generic-table[b-967fbe3vla] { width: 100%; min-width: 980px; border-collapse: collapse; font-size: .68rem; }
.generic-table th[b-967fbe3vla] { position: sticky; top: 0; z-index: 2; padding: .5rem; border-bottom: 1px solid var(--border); color: #adc1d0; text-align: left; background: #0a2033; white-space: nowrap; }
.generic-table td[b-967fbe3vla] { padding: .48rem; border-bottom: 1px solid var(--border-soft); color: #e0ebf2; vertical-align: top; }
.generic-table tbody tr:hover td[b-967fbe3vla] { background: rgba(30, 62, 86, .35); }
.generic-table .empty-row[b-967fbe3vla] { padding: 2rem; color: var(--muted); text-align: center; }
.generic-table .numeric[b-967fbe3vla] { text-align: right; }

.history-meta[b-967fbe3vla] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    margin-bottom: .65rem;
    padding: .55rem .65rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #b9cbd8;
    background: #071522;
    font-size: .7rem;
}

.status-footer[b-967fbe3vla] {
    display: grid;
    grid-template-columns: 1fr .7fr .8fr .8fr .6fr;
    gap: .5rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: #adbfcb;
    background: #071522;
    font-size: .63rem;
}
.status-footer span[b-967fbe3vla] { padding-right: .5rem; border-right: 1px solid var(--border-soft); }
.status-footer .connected[b-967fbe3vla] { color: #76db7e; text-align: right; border-right: 0; }

@media (max-width: 1500px) {
    .matrix-shell[b-967fbe3vla] { grid-template-columns: 205px minmax(0, 1fr) 220px; }
    .matrix-table[b-967fbe3vla] { font-size: .59rem; }
}

@media (max-width: 1180px) {
    .selector-strip[b-967fbe3vla] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .context-strip[b-967fbe3vla] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .matrix-shell[b-967fbe3vla] { grid-template-columns: 1fr; }
    .matrix-side[b-967fbe3vla] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .6rem; }
    .side-block + .side-block[b-967fbe3vla] { margin-top: 0; padding-top: 0; border-top: 0; }
    .dashboard-grid[b-967fbe3vla] { grid-template-columns: 1fr; }
    .action-panel[b-967fbe3vla] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .action-panel .section-heading[b-967fbe3vla] { grid-column: 1 / -1; }
    .matrix-footer-grid[b-967fbe3vla] { grid-template-columns: 1fr; }
    .threshold-filters[b-967fbe3vla] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .cfv3-page[b-967fbe3vla] { margin: -.75rem; padding: .6rem; }
    .cfv3-header[b-967fbe3vla] { flex-direction: column; }
    .selector-strip[b-967fbe3vla], .context-strip[b-967fbe3vla], .metric-grid[b-967fbe3vla], .single-market-row[b-967fbe3vla], .threshold-filters[b-967fbe3vla] { grid-template-columns: 1fr; }
    .matrix-side[b-967fbe3vla], .action-panel[b-967fbe3vla] { grid-template-columns: 1fr; }
    .status-footer[b-967fbe3vla] { grid-template-columns: 1fr; }
    .status-footer span[b-967fbe3vla] { border-right: 0; }
    .matrix-titlebar[b-967fbe3vla] { align-items: flex-start; flex-direction: column; }
}

/* V9.16 · una sola Matriz manual y cortes editables */
.matrix-cuts-panel[b-967fbe3vla] { margin-bottom: .65rem; }
.cut-effective-row[b-967fbe3vla] {
    display: grid;
    grid-template-columns: 185px minmax(260px, 1fr) auto auto;
    gap: .55rem;
    align-items: end;
    margin-bottom: .7rem;
}
.cut-effective-row label[b-967fbe3vla] { display: grid; gap: .25rem; color: #b8cad7; font-size: .67rem; }
.cut-effective-row input[b-967fbe3vla] { min-height: 34px; }
.cut-default-note[b-967fbe3vla] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: .45rem .6rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #c6d7e2;
    background: #071522;
    font-size: .69rem;
}
.cuts-grid[b-967fbe3vla] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.cut-card[b-967fbe3vla] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #081827;
}
.cut-card > header[b-967fbe3vla] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .62rem .7rem;
    border-bottom: 1px solid var(--border-soft);
    background: #0a2033;
}
.cut-card > header strong[b-967fbe3vla], .cut-card > header small[b-967fbe3vla] { display: block; }
.cut-card > header small[b-967fbe3vla] { margin-top: .15rem; color: var(--muted); font-size: .62rem; }
.distribution-chip[b-967fbe3vla] {
    padding: .25rem .5rem;
    border: 1px solid #2e76b7;
    border-radius: 999px;
    color: #cce8ff;
    background: #12385a;
    font-size: .72rem;
    font-weight: 800;
}
.cut-inputs[b-967fbe3vla] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; padding: .6rem; }
.cut-inputs label[b-967fbe3vla] { display: grid; gap: .2rem; color: #b8cad7; font-size: .64rem; }
.cut-inputs input[b-967fbe3vla] { min-width: 0; min-height: 32px; }
.ranking-scroll[b-967fbe3vla] { max-height: 390px; overflow: auto; border-top: 1px solid var(--border-soft); }
.ranking-table[b-967fbe3vla] { width: 100%; border-collapse: collapse; font-size: .64rem; }
.ranking-table th[b-967fbe3vla] { position: sticky; top: 0; z-index: 1; padding: .42rem; color: #aebfcb; background: #071522; text-align: left; }
.ranking-table td[b-967fbe3vla] { padding: .38rem .42rem; border-top: 1px solid rgba(76,111,136,.28); }
.ranking-table .ranking-elite td:first-child[b-967fbe3vla] { border-left: 4px solid #2d84f5; }
.ranking-table .ranking-fuerte td:first-child[b-967fbe3vla] { border-left: 4px solid #35a96b; }
.ranking-table .ranking-medio td:first-child[b-967fbe3vla] { border-left: 4px solid #d3a20a; }
.ranking-table .ranking-debil td:first-child[b-967fbe3vla] { border-left: 4px solid #cf4747; }
.cut-history-inline[b-967fbe3vla] { display: flex; flex-wrap: wrap; gap: .35rem .55rem; margin-top: .65rem; font-size: .64rem; color: #b8cad7; }
.cut-history-inline span[b-967fbe3vla] { padding: .25rem .4rem; border: 1px solid var(--border-soft); border-radius: 4px; background: #071522; }
.simple-matrix-shell .matrix-table[b-967fbe3vla] { min-width: 1050px; }
.manual-pass-cell[b-967fbe3vla] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .24rem;
    min-width: 58px;
    min-height: 26px;
    padding: .15rem .3rem;
    border: 1px solid #31536d;
    border-radius: 4px;
    background: #0b1d2b;
    cursor: pointer;
}
.manual-pass-cell:has(input:checked)[b-967fbe3vla] { border-color: #32b86f; background: #123f2c; }
.manual-pass-cell input[b-967fbe3vla] { accent-color: #2fbd72; }
.manual-pass-cell span[b-967fbe3vla] { color: #d9e8f1; font-size: .58rem; font-weight: 800; }
.market-count[b-967fbe3vla] { display: flex; justify-content: space-between; gap: .5rem; padding: .3rem 0; border-bottom: 1px solid var(--border-soft); font-size: .65rem; }
.market-count strong[b-967fbe3vla] { color: #72e79b; }

@media (max-width: 1180px) {
    .cuts-grid[b-967fbe3vla] { grid-template-columns: 1fr; }
    .cut-effective-row[b-967fbe3vla] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .cut-effective-row[b-967fbe3vla], .cut-inputs[b-967fbe3vla] { grid-template-columns: 1fr; }
}


/* V4.15 · calibración GOLES V4 separada de Configuración de Mercados */
.v4-calibration-panel[b-967fbe3vla] { margin-top: .65rem; }
.v4-toolbar[b-967fbe3vla] { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; margin: .7rem 0; }
.v4-default-button[b-967fbe3vla] { border: 1px solid #c58b17; background: #6b4d0d; color: #fff2c7; border-radius: 7px; padding: .48rem .75rem; font-size: .69rem; font-weight: 700; }
.v4-default-button:hover[b-967fbe3vla] { background: #805f15; }
.v4-persisted[b-967fbe3vla] { display: inline-flex; align-items: center; min-height: 30px; border-radius: 999px; padding: .3rem .65rem; font-size: .64rem; font-weight: 800; }
.v4-persisted.saved[b-967fbe3vla] { background: rgba(40,157,91,.2); color: #7fe0a8; border: 1px solid rgba(69,190,119,.42); }
.v4-persisted.memory[b-967fbe3vla] { background: rgba(119,135,149,.18); color: #c1ced8; border: 1px solid rgba(119,135,149,.36); }
.v4-section-title[b-967fbe3vla] { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin: 1.05rem 0 .45rem; }
.v4-section-title > div[b-967fbe3vla] { display: grid; gap: .12rem; }
.v4-section-title span[b-967fbe3vla] { color: #61b8ff; font-size: .61rem; font-weight: 800; letter-spacing: .08em; }
.v4-section-title strong[b-967fbe3vla] { color: #eef7fc; font-size: .82rem; }
.v4-section-title small[b-967fbe3vla] { color: var(--muted); max-width: 620px; text-align: right; }
.v4-table[b-967fbe3vla] { min-width: 1120px; }
.v4-params-table[b-967fbe3vla] { min-width: 720px; }
.v4-control[b-967fbe3vla] { width: 100%; min-width: 90px; min-height: 31px; border: 1px solid #31516a; border-radius: 5px; background: #071827; color: #e7f2f8; padding: .3rem .42rem; font-size: .68rem; }
.v4-control:focus[b-967fbe3vla] { outline: none; border-color: #3d95e9; box-shadow: 0 0 0 2px rgba(61,149,233,.14); }
.v4-control.numeric-input[b-967fbe3vla] { min-width: 96px; text-align: right; }
.v4-control.notes-input[b-967fbe3vla] { min-width: 190px; }
.v4-version[b-967fbe3vla], .v4-engine[b-967fbe3vla] { display: inline-flex; border-radius: 999px; padding: .2rem .45rem; font-size: .61rem; font-weight: 800; }
.v4-version[b-967fbe3vla] { color: #bce7ff; background: rgba(42,134,189,.2); border: 1px solid rgba(70,163,217,.35); }
.v4-engine.v4[b-967fbe3vla] { color: #8eeab4; background: rgba(40,157,91,.2); border: 1px solid rgba(69,190,119,.38); }
.v4-engine.v3[b-967fbe3vla] { color: #c4ced6; background: rgba(115,127,137,.18); border: 1px solid rgba(115,127,137,.35); }
.weight-sum[b-967fbe3vla] { display: block; margin-top: .22rem; font-size: .61rem; font-weight: 700; }
.weight-sum.ok[b-967fbe3vla] { color: #6edf9d; }
.weight-sum.bad[b-967fbe3vla] { color: #ff8080; }
.v4-origin-note[b-967fbe3vla] { margin-top: .7rem; color: var(--muted); font-size: .66rem; }

@media (max-width: 760px) {
    .v4-section-title[b-967fbe3vla] { align-items: start; flex-direction: column; }
    .v4-section-title small[b-967fbe3vla] { text-align: left; }
}
/* /Components/Pages/CalibracionFinalTorneoV4.razor.rz.scp.css */
.cfv3-page[b-0xs0m1uhvc] {
    --bg: #050f1a;
    --panel: #081827;
    --panel-2: #0a1d2f;
    --panel-3: #0c2237;
    --border: rgba(101, 157, 199, .28);
    --border-soft: rgba(101, 157, 199, .14);
    --text: #eef7ff;
    --muted: #93aabd;
    --blue: #2378ef;
    --blue-soft: rgba(35, 120, 239, .18);
    --green: #37c979;
    --green-soft: rgba(55, 201, 121, .17);
    --amber: #e4a90b;
    --amber-soft: rgba(228, 169, 11, .17);
    --red: #d83a3a;
    --red-soft: rgba(216, 58, 58, .18);
    --cyan: #31b9d7;
    --purple: #7858e8;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.1rem;
    color: var(--text);
    background:
        radial-gradient(circle at 88% 0%, rgba(35, 120, 239, .09), transparent 28%),
        linear-gradient(145deg, #040c15, #061421 55%, #050f1a);
    font-family: "Segoe UI", Arial, sans-serif;
}

.cfv3-header[b-0xs0m1uhvc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .15rem .3rem .7rem;
    border-bottom: 1px solid var(--border);
}

.cfv3-header h1[b-0xs0m1uhvc] {
    margin: 0;
    font-size: clamp(1.35rem, 2.1vw, 2.15rem);
    font-weight: 800;
    letter-spacing: .015em;
}

.cfv3-header p[b-0xs0m1uhvc] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .82rem;
}

.header-actions[b-0xs0m1uhvc] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.help-circle[b-0xs0m1uhvc] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
    color: #fff;
    cursor: help;
}

.ghost-button[b-0xs0m1uhvc],
.primary-button[b-0xs0m1uhvc],
.action-button[b-0xs0m1uhvc],
.save-provisional[b-0xs0m1uhvc],
.second-simulation[b-0xs0m1uhvc] {
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text);
    background: #0a1723;
    cursor: pointer;
    font-weight: 600;
}

.ghost-button[b-0xs0m1uhvc] {
    padding: .45rem .85rem;
}

.primary-button[b-0xs0m1uhvc] {
    padding: .58rem .9rem;
    border-color: rgba(65, 141, 255, .65);
    background: linear-gradient(180deg, #277ff2, #1760ce);
}

button:disabled[b-0xs0m1uhvc],
a[aria-disabled="true"][b-0xs0m1uhvc] {
    opacity: .46;
    pointer-events: none;
    cursor: not-allowed;
}

.selector-strip[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: minmax(170px, .8fr) minmax(220px, 1fr) minmax(220px, 1fr) 150px;
    gap: .65rem;
    align-items: end;
    padding: .75rem .3rem;
    border-bottom: 1px solid var(--border-soft);
}

.selector-strip label[b-0xs0m1uhvc] {
    display: grid;
    gap: .28rem;
}

.selector-strip label span[b-0xs0m1uhvc],
.context-strip span[b-0xs0m1uhvc] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 700;
}

.selector-strip select[b-0xs0m1uhvc],
.side-block select[b-0xs0m1uhvc],
.threshold-filters select[b-0xs0m1uhvc],
.threshold-filters input[b-0xs0m1uhvc],
.single-market-row select[b-0xs0m1uhvc] {
    min-height: 38px;
    width: 100%;
    padding: .45rem .62rem;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text);
    background: #071522;
    outline: none;
}

.selector-strip select:focus[b-0xs0m1uhvc],
.side-block select:focus[b-0xs0m1uhvc],
.threshold-filters select:focus[b-0xs0m1uhvc],
.threshold-filters input:focus[b-0xs0m1uhvc],
.single-market-row select:focus[b-0xs0m1uhvc] {
    border-color: #4c91ff;
    box-shadow: 0 0 0 3px rgba(76, 145, 255, .12);
}

.load-button[b-0xs0m1uhvc] { min-height: 38px; }

.cfv3-message[b-0xs0m1uhvc] {
    margin: .6rem .2rem;
    padding: .65rem .85rem;
    border: 1px solid;
    border-radius: 5px;
    font-size: .83rem;
}

.cfv3-message.ok[b-0xs0m1uhvc] {
    color: #c8f8dc;
    border-color: rgba(55, 201, 121, .45);
    background: var(--green-soft);
}

.cfv3-message.error[b-0xs0m1uhvc] {
    color: #ffd1d1;
    border-color: rgba(216, 58, 58, .5);
    background: var(--red-soft);
}

.empty-state[b-0xs0m1uhvc] {
    display: grid;
    place-items: center;
    min-height: 520px;
    padding: 2rem;
    text-align: center;
    border: 1px dashed var(--border);
    border-radius: 8px;
    background: rgba(7, 21, 34, .7);
}

.empty-state .empty-icon[b-0xs0m1uhvc] {
    color: #3d8fff;
    font-size: 3.6rem;
}

.empty-state h2[b-0xs0m1uhvc] { margin: .5rem 0; }
.empty-state p[b-0xs0m1uhvc] { max-width: 680px; color: var(--muted); }

.context-strip[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: .85fr .8fr .55fr 1fr 1.55fr;
    gap: .5rem;
    padding: .62rem .2rem;
    border-bottom: 1px solid var(--border-soft);
}

.context-strip > div[b-0xs0m1uhvc] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .42rem .65rem;
    border-right: 1px solid var(--border-soft);
    background: rgba(8, 24, 39, .6);
}

.context-strip strong[b-0xs0m1uhvc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
}

.context-strip .mode strong[b-0xs0m1uhvc] { color: #3e9cff; }

.flow-callout[b-0xs0m1uhvc] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: .65rem .2rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(57, 136, 205, .55);
    border-radius: 5px;
    background: rgba(25, 74, 111, .16);
}

.flow-callout .flow-icon[b-0xs0m1uhvc] {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #02101d;
    background: #4aa3ff;
    font-weight: 900;
}

.flow-callout strong[b-0xs0m1uhvc] { font-size: .8rem; }
.flow-callout p[b-0xs0m1uhvc] { margin: .15rem 0 0; color: #bfd1df; font-size: .74rem; }

.cfv3-tabs[b-0xs0m1uhvc] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    padding: 0 .2rem;
    border-bottom: 1px solid var(--border);
}

.cfv3-tab[b-0xs0m1uhvc] {
    flex: 0 0 auto;
    padding: .62rem .95rem;
    border: 1px solid var(--border-soft);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #d6e3ed;
    background: #081522;
    cursor: pointer;
    font-size: .78rem;
}

.cfv3-tab.active[b-0xs0m1uhvc] {
    border-color: rgba(57, 126, 255, .7);
    color: #fff;
    background: linear-gradient(180deg, #235dc5, #174598);
    box-shadow: inset 0 -2px 0 #5da1ff;
}

.dashboard-grid[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: .7rem;
    margin-top: .65rem;
}

.summary-panel[b-0xs0m1uhvc],
.action-panel[b-0xs0m1uhvc],
.matrix-side[b-0xs0m1uhvc],
.matrix-center[b-0xs0m1uhvc],
.footer-panel[b-0xs0m1uhvc] {
    border: 1px solid var(--border);
    border-radius: 6px;
    background: linear-gradient(155deg, rgba(9, 28, 45, .97), rgba(6, 20, 33, .98));
}

.summary-panel[b-0xs0m1uhvc],
.action-panel[b-0xs0m1uhvc] { padding: .85rem; }
.summary-panel[b-0xs0m1uhvc] { margin-top: .65rem; }
.dashboard-grid .summary-panel[b-0xs0m1uhvc] { margin-top: 0; }

.section-heading[b-0xs0m1uhvc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.section-heading span[b-0xs0m1uhvc] {
    color: #4b93ff;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.section-heading h2[b-0xs0m1uhvc] {
    margin: .15rem 0 0;
    font-size: 1rem;
}

.section-heading p[b-0xs0m1uhvc] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .72rem;
}

.metric-grid[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.metric-card[b-0xs0m1uhvc] {
    min-height: 108px;
    padding: .75rem;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    background: #091b2c;
}

.metric-card span[b-0xs0m1uhvc],
.metric-card strong[b-0xs0m1uhvc],
.metric-card small[b-0xs0m1uhvc] { display: block; }
.metric-card span[b-0xs0m1uhvc] { color: var(--muted); font-size: .66rem; text-transform: uppercase; }
.metric-card strong[b-0xs0m1uhvc] { margin-top: .35rem; font-size: 1.25rem; }
.metric-card small[b-0xs0m1uhvc] { margin-top: .35rem; color: #acc0cf; font-size: .66rem; }
.metric-card.blue[b-0xs0m1uhvc] { border-left: 3px solid var(--blue); }
.metric-card.cyan[b-0xs0m1uhvc] { border-left: 3px solid var(--cyan); }
.metric-card.purple[b-0xs0m1uhvc] { border-left: 3px solid var(--purple); }
.metric-card.green[b-0xs0m1uhvc] { border-left: 3px solid var(--green); }
.metric-card.gold[b-0xs0m1uhvc] { border-left: 3px solid var(--amber); }
.metric-card.red[b-0xs0m1uhvc] { border-left: 3px solid var(--red); }

.simulation-summary[b-0xs0m1uhvc] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.1rem;
    margin-top: .7rem;
    padding: .65rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #bad0df;
    background: #071522;
    font-size: .72rem;
}
.simulation-summary strong[b-0xs0m1uhvc] { flex-basis: 100%; color: #fff; }

.action-panel[b-0xs0m1uhvc],
.quick-actions[b-0xs0m1uhvc],
.continue-block[b-0xs0m1uhvc] { display: grid; align-content: start; gap: .55rem; }

.action-button[b-0xs0m1uhvc] {
    display: block;
    width: 100%;
    padding: .58rem .65rem;
    text-align: center;
    text-decoration: none;
    font-size: .72rem;
}
.action-button.blue[b-0xs0m1uhvc] { border-color: #2d79e8; background: #1559bc; }
.action-button.green[b-0xs0m1uhvc] { border-color: #2b9d5c; background: #1b6f42; }
.action-button.amber[b-0xs0m1uhvc] { border-color: #b17a00; background: #72530b; }
.action-button.red[b-0xs0m1uhvc] { border-color: #ba3434; background: #a92626; }
.action-button.export[b-0xs0m1uhvc] { border-color: rgba(92, 142, 174, .5); background: #0a1a27; }

.single-market-row[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: .65rem;
}

.matrix-shell[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 245px;
    gap: .55rem;
    margin-top: .6rem;
}

.matrix-side[b-0xs0m1uhvc] { padding: .65rem; }
.side-block + .side-block[b-0xs0m1uhvc] { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--border-soft); }
.side-block h3[b-0xs0m1uhvc] { margin: 0 0 .65rem; font-size: .78rem; }
.side-block h4[b-0xs0m1uhvc] { margin: .8rem 0 .45rem; color: #c2d1dc; font-size: .7rem; }

.selection-count[b-0xs0m1uhvc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .35rem 0;
    border-bottom: 1px solid rgba(100, 150, 185, .08);
    font-size: .7rem;
}
.selection-count strong[b-0xs0m1uhvc] { color: #7edf83; font-size: .67rem; }

.legend-block > div[b-0xs0m1uhvc],
.filter-check[b-0xs0m1uhvc],
.radio-row[b-0xs0m1uhvc] {
    display: flex;
    align-items: center;
    gap: .48rem;
    margin: .38rem 0;
    color: #d8e4ec;
    font-size: .68rem;
}

.legend-square[b-0xs0m1uhvc] {
    width: 16px;
    height: 16px;
    border: 1px solid var(--border);
    border-radius: 3px;
}
.legend-square.recommended[b-0xs0m1uhvc] { background: #2677d8; }
.legend-square.manual-on[b-0xs0m1uhvc] { background: #2aa65d; }
.legend-square.manual-off[b-0xs0m1uhvc] { background: #bf8300; }
.legend-square.neutral[b-0xs0m1uhvc] { background: #101f2c; }
.legend-square.danger[b-0xs0m1uhvc] { background: #b92727; }

.state-legend p[b-0xs0m1uhvc] { margin: .35rem 0; font-size: .7rem; }
.final-text[b-0xs0m1uhvc] { color: #7be28f; }
.prelim-text[b-0xs0m1uhvc] { color: #f0bc2c; }

.matrix-center[b-0xs0m1uhvc] { min-width: 0; overflow: hidden; }

.matrix-titlebar[b-0xs0m1uhvc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .68rem .75rem;
    border-bottom: 1px solid var(--border);
}
.matrix-titlebar h2[b-0xs0m1uhvc] { margin: 0; font-size: .9rem; }
.matrix-titlebar p[b-0xs0m1uhvc] { margin: .2rem 0 0; color: var(--muted); font-size: .65rem; }
.matrix-status[b-0xs0m1uhvc] { display: flex; gap: .35rem; flex-wrap: wrap; justify-content: flex-end; }
.matrix-status span[b-0xs0m1uhvc] { padding: .25rem .45rem; border: 1px solid var(--border-soft); border-radius: 4px; color: #a9c1d2; background: #071522; font-size: .61rem; }

.matrix-empty[b-0xs0m1uhvc] {
    display: grid;
    place-items: center;
    min-height: 460px;
    padding: 1.5rem;
    text-align: center;
}
.matrix-empty p[b-0xs0m1uhvc] { color: var(--muted); }

.matrix-table-scroll[b-0xs0m1uhvc] {
    max-height: 630px;
    overflow: auto;
}

.matrix-table[b-0xs0m1uhvc] {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
    font-size: .63rem;
}

.matrix-table th[b-0xs0m1uhvc] {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: .42rem .28rem;
    border: 1px solid rgba(91, 143, 180, .25);
    color: #dce8f0;
    text-align: center;
    background: #0b2033;
    white-space: nowrap;
}

.matrix-table thead tr:nth-child(2) th[b-0xs0m1uhvc] { top: 30px; z-index: 4; }
.matrix-table td[b-0xs0m1uhvc] {
    padding: .31rem .25rem;
    border: 1px solid rgba(91, 143, 180, .18);
    text-align: center;
    white-space: nowrap;
    background: rgba(7, 21, 34, .86);
}
.matrix-table tbody tr:hover td[b-0xs0m1uhvc] { background: rgba(28, 62, 88, .78); }
.matrix-table .quadrant-header[b-0xs0m1uhvc] { min-width: 92px; }
.matrix-table .recommendation-header[b-0xs0m1uhvc] { min-width: 170px; }
.quadrant-cell[b-0xs0m1uhvc] { position: sticky; left: 0; z-index: 2; text-align: left !important; }
.quadrant-cell strong[b-0xs0m1uhvc] { display: block; font-size: .7rem; }
.quadrant-cell small[b-0xs0m1uhvc] { display: block; color: rgba(255,255,255,.68); font-size: .52rem; }
.zone-elite .quadrant-cell[b-0xs0m1uhvc] { background: #103c69; }
.zone-fuerte .quadrant-cell[b-0xs0m1uhvc] { background: #185438; }
.zone-medio .quadrant-cell[b-0xs0m1uhvc] { background: #6c5e0b; }
.zone-debil .quadrant-cell[b-0xs0m1uhvc] { background: #702522; }
.recommendation-cell[b-0xs0m1uhvc] { max-width: 210px; overflow: hidden; text-overflow: ellipsis; text-align: left !important; color: #dce8ef; }
.market-td[b-0xs0m1uhvc] { min-width: 54px; }

.market-cell[b-0xs0m1uhvc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 44px;
    padding: 2px 3px;
    border: 1px solid rgba(104, 158, 196, .2);
    border-radius: 3px;
    background: #071521;
}
.market-cell.recommended[b-0xs0m1uhvc] { border-color: rgba(39, 119, 216, .65); background: rgba(39, 119, 216, .16); }
.market-cell.manual-on[b-0xs0m1uhvc] { border-color: rgba(42, 166, 93, .75); background: rgba(42, 166, 93, .14); }
.market-cell.manual-off[b-0xs0m1uhvc] { border-color: rgba(191, 131, 0, .75); background: rgba(191, 131, 0, .12); }
.market-cell.low-sample[b-0xs0m1uhvc] { box-shadow: inset 0 0 0 1px #c93232; }
.market-cell input[b-0xs0m1uhvc] { width: 14px; height: 14px; margin: 0; accent-color: #2b80ef; }

.state-chip[b-0xs0m1uhvc] {
    min-width: 19px;
    height: 19px;
    padding: 0;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    font-size: .58rem;
    font-weight: 800;
    line-height: 17px;
    cursor: pointer;
}
.state-chip.final[b-0xs0m1uhvc] { border-color: #3aa966; background: #1f7544; }
.state-chip.prelim[b-0xs0m1uhvc] { border-color: #c08b00; background: #916700; }

.right-side select[b-0xs0m1uhvc] { margin: .35rem 0 .55rem; font-size: .68rem; }
.radio-row input[b-0xs0m1uhvc],
.filter-check input[b-0xs0m1uhvc] { accent-color: #2d84f5; }

.save-provisional[b-0xs0m1uhvc] {
    padding: .65rem .45rem;
    border-color: #2c78ed;
    background: linear-gradient(180deg, #1e65d7, #1249a4);
    font-size: .7rem;
}
.save-provisional small[b-0xs0m1uhvc] { display: block; margin-top: .2rem; color: #c7d9ee; font-size: .58rem; }
.second-simulation[b-0xs0m1uhvc] { padding: .62rem .45rem; background: #101c27; font-size: .69rem; }

.matrix-footer-grid[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: 1.15fr .9fr .85fr;
    gap: .55rem;
    margin-top: .55rem;
}
.footer-panel[b-0xs0m1uhvc] { padding: .7rem; }
.footer-panel h3[b-0xs0m1uhvc] { margin: 0 0 .55rem; font-size: .76rem; }
.footer-panel ul[b-0xs0m1uhvc] { margin: 0; padding-left: 1.1rem; color: #d1dee7; font-size: .67rem; line-height: 1.55; }
.footer-panel p[b-0xs0m1uhvc] { margin: .38rem 0; font-size: .68rem; }
.footer-panel p.valid[b-0xs0m1uhvc] { color: #73e493; }
.footer-panel p.invalid[b-0xs0m1uhvc] { color: #ff7373; }
.footer-panel p.warning[b-0xs0m1uhvc] { color: #ffd05b; }
.change-count[b-0xs0m1uhvc] { display: block; color: #f0b814; font-size: 1rem; }
.changes > p[b-0xs0m1uhvc] { margin-bottom: .2rem; color: var(--muted); }
.changes > strong:not(.change-count)[b-0xs0m1uhvc], .changes > small[b-0xs0m1uhvc] { display: block; }
.changes > small[b-0xs0m1uhvc] { margin-top: .28rem; color: var(--muted); }

.threshold-filters[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: 150px 160px 160px minmax(220px, 1fr) 90px 140px;
    gap: .5rem;
    margin-bottom: .65rem;
}

.generic-table-scroll[b-0xs0m1uhvc] {
    max-height: 680px;
    overflow: auto;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
}
.generic-table[b-0xs0m1uhvc] { width: 100%; min-width: 980px; border-collapse: collapse; font-size: .68rem; }
.generic-table th[b-0xs0m1uhvc] { position: sticky; top: 0; z-index: 2; padding: .5rem; border-bottom: 1px solid var(--border); color: #adc1d0; text-align: left; background: #0a2033; white-space: nowrap; }
.generic-table td[b-0xs0m1uhvc] { padding: .48rem; border-bottom: 1px solid var(--border-soft); color: #e0ebf2; vertical-align: top; }
.generic-table tbody tr:hover td[b-0xs0m1uhvc] { background: rgba(30, 62, 86, .35); }
.generic-table .empty-row[b-0xs0m1uhvc] { padding: 2rem; color: var(--muted); text-align: center; }
.generic-table .numeric[b-0xs0m1uhvc] { text-align: right; }

.history-meta[b-0xs0m1uhvc] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    margin-bottom: .65rem;
    padding: .55rem .65rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #b9cbd8;
    background: #071522;
    font-size: .7rem;
}

.status-footer[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: 1fr .7fr .8fr .8fr .6fr;
    gap: .5rem;
    margin-top: .65rem;
    padding: .55rem .7rem;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: #adbfcb;
    background: #071522;
    font-size: .63rem;
}
.status-footer span[b-0xs0m1uhvc] { padding-right: .5rem; border-right: 1px solid var(--border-soft); }
.status-footer .connected[b-0xs0m1uhvc] { color: #76db7e; text-align: right; border-right: 0; }

@media (max-width: 1500px) {
    .matrix-shell[b-0xs0m1uhvc] { grid-template-columns: 205px minmax(0, 1fr) 220px; }
    .matrix-table[b-0xs0m1uhvc] { font-size: .59rem; }
}

@media (max-width: 1180px) {
    .selector-strip[b-0xs0m1uhvc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .context-strip[b-0xs0m1uhvc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .matrix-shell[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .matrix-side[b-0xs0m1uhvc] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .6rem; }
    .side-block + .side-block[b-0xs0m1uhvc] { margin-top: 0; padding-top: 0; border-top: 0; }
    .dashboard-grid[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .action-panel[b-0xs0m1uhvc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .action-panel .section-heading[b-0xs0m1uhvc] { grid-column: 1 / -1; }
    .matrix-footer-grid[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .threshold-filters[b-0xs0m1uhvc] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .cfv3-page[b-0xs0m1uhvc] { margin: -.75rem; padding: .6rem; }
    .cfv3-header[b-0xs0m1uhvc] { flex-direction: column; }
    .selector-strip[b-0xs0m1uhvc], .context-strip[b-0xs0m1uhvc], .metric-grid[b-0xs0m1uhvc], .single-market-row[b-0xs0m1uhvc], .threshold-filters[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .matrix-side[b-0xs0m1uhvc], .action-panel[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .status-footer[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .status-footer span[b-0xs0m1uhvc] { border-right: 0; }
    .matrix-titlebar[b-0xs0m1uhvc] { align-items: flex-start; flex-direction: column; }
}

/* V9.16 · una sola Matriz manual y cortes editables */
.matrix-cuts-panel[b-0xs0m1uhvc] { margin-bottom: .65rem; }
.cut-effective-row[b-0xs0m1uhvc] {
    display: grid;
    grid-template-columns: 185px minmax(260px, 1fr) auto auto;
    gap: .55rem;
    align-items: end;
    margin-bottom: .7rem;
}
.cut-effective-row label[b-0xs0m1uhvc] { display: grid; gap: .25rem; color: #b8cad7; font-size: .67rem; }
.cut-effective-row input[b-0xs0m1uhvc] { min-height: 34px; }
.cut-default-note[b-0xs0m1uhvc] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: .45rem .6rem;
    border: 1px solid var(--border-soft);
    border-radius: 5px;
    color: #c6d7e2;
    background: #071522;
    font-size: .69rem;
}
.cuts-grid[b-0xs0m1uhvc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.cut-card[b-0xs0m1uhvc] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #081827;
}
.cut-card > header[b-0xs0m1uhvc] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    padding: .62rem .7rem;
    border-bottom: 1px solid var(--border-soft);
    background: #0a2033;
}
.cut-card > header strong[b-0xs0m1uhvc], .cut-card > header small[b-0xs0m1uhvc] { display: block; }
.cut-card > header small[b-0xs0m1uhvc] { margin-top: .15rem; color: var(--muted); font-size: .62rem; }
.distribution-chip[b-0xs0m1uhvc] {
    padding: .25rem .5rem;
    border: 1px solid #2e76b7;
    border-radius: 999px;
    color: #cce8ff;
    background: #12385a;
    font-size: .72rem;
    font-weight: 800;
}
.cut-inputs[b-0xs0m1uhvc] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; padding: .6rem; }
.cut-inputs label[b-0xs0m1uhvc] { display: grid; gap: .2rem; color: #b8cad7; font-size: .64rem; }
.cut-inputs input[b-0xs0m1uhvc] { min-width: 0; min-height: 32px; }
.ranking-scroll[b-0xs0m1uhvc] { max-height: 390px; overflow: auto; border-top: 1px solid var(--border-soft); }
.ranking-table[b-0xs0m1uhvc] { width: 100%; border-collapse: collapse; font-size: .64rem; }
.ranking-table th[b-0xs0m1uhvc] { position: sticky; top: 0; z-index: 1; padding: .42rem; color: #aebfcb; background: #071522; text-align: left; }
.ranking-table td[b-0xs0m1uhvc] { padding: .38rem .42rem; border-top: 1px solid rgba(76,111,136,.28); }
.ranking-table .ranking-elite td:first-child[b-0xs0m1uhvc] { border-left: 4px solid #2d84f5; }
.ranking-table .ranking-fuerte td:first-child[b-0xs0m1uhvc] { border-left: 4px solid #35a96b; }
.ranking-table .ranking-medio td:first-child[b-0xs0m1uhvc] { border-left: 4px solid #d3a20a; }
.ranking-table .ranking-debil td:first-child[b-0xs0m1uhvc] { border-left: 4px solid #cf4747; }
.cut-history-inline[b-0xs0m1uhvc] { display: flex; flex-wrap: wrap; gap: .35rem .55rem; margin-top: .65rem; font-size: .64rem; color: #b8cad7; }
.cut-history-inline span[b-0xs0m1uhvc] { padding: .25rem .4rem; border: 1px solid var(--border-soft); border-radius: 4px; background: #071522; }
.simple-matrix-shell .matrix-table[b-0xs0m1uhvc] { min-width: 1050px; }
.manual-pass-cell[b-0xs0m1uhvc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .24rem;
    min-width: 58px;
    min-height: 26px;
    padding: .15rem .3rem;
    border: 1px solid #31536d;
    border-radius: 4px;
    background: #0b1d2b;
    cursor: pointer;
}
.manual-pass-cell:has(input:checked)[b-0xs0m1uhvc] { border-color: #32b86f; background: #123f2c; }
.manual-pass-cell input[b-0xs0m1uhvc] { accent-color: #2fbd72; }
.manual-pass-cell span[b-0xs0m1uhvc] { color: #d9e8f1; font-size: .58rem; font-weight: 800; }
.market-count[b-0xs0m1uhvc] { display: flex; justify-content: space-between; gap: .5rem; padding: .3rem 0; border-bottom: 1px solid var(--border-soft); font-size: .65rem; }
.market-count strong[b-0xs0m1uhvc] { color: #72e79b; }

@media (max-width: 1180px) {
    .cuts-grid[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
    .cut-effective-row[b-0xs0m1uhvc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .cut-effective-row[b-0xs0m1uhvc], .cut-inputs[b-0xs0m1uhvc] { grid-template-columns: 1fr; }
}


/* V4.15 · calibración GOLES V4 separada de Configuración de Mercados */
.v4-calibration-panel[b-0xs0m1uhvc] { margin-top: .65rem; }
.v4-toolbar[b-0xs0m1uhvc] { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; margin: .7rem 0; }
.v4-default-button[b-0xs0m1uhvc] { border: 1px solid #c58b17; background: #6b4d0d; color: #fff2c7; border-radius: 7px; padding: .48rem .75rem; font-size: .69rem; font-weight: 700; }
.v4-default-button:hover[b-0xs0m1uhvc] { background: #805f15; }
.v4-persisted[b-0xs0m1uhvc] { display: inline-flex; align-items: center; min-height: 30px; border-radius: 999px; padding: .3rem .65rem; font-size: .64rem; font-weight: 800; }
.v4-persisted.saved[b-0xs0m1uhvc] { background: rgba(40,157,91,.2); color: #7fe0a8; border: 1px solid rgba(69,190,119,.42); }
.v4-persisted.memory[b-0xs0m1uhvc] { background: rgba(119,135,149,.18); color: #c1ced8; border: 1px solid rgba(119,135,149,.36); }
.v4-section-title[b-0xs0m1uhvc] { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin: 1.05rem 0 .45rem; }
.v4-section-title > div[b-0xs0m1uhvc] { display: grid; gap: .12rem; }
.v4-section-title span[b-0xs0m1uhvc] { color: #61b8ff; font-size: .61rem; font-weight: 800; letter-spacing: .08em; }
.v4-section-title strong[b-0xs0m1uhvc] { color: #eef7fc; font-size: .82rem; }
.v4-section-title small[b-0xs0m1uhvc] { color: var(--muted); max-width: 620px; text-align: right; }
.v4-table[b-0xs0m1uhvc] { min-width: 1120px; }
.v4-params-table[b-0xs0m1uhvc] { min-width: 720px; }
.v4-control[b-0xs0m1uhvc] { width: 100%; min-width: 90px; min-height: 31px; border: 1px solid #31516a; border-radius: 5px; background: #071827; color: #e7f2f8; padding: .3rem .42rem; font-size: .68rem; }
.v4-control:focus[b-0xs0m1uhvc] { outline: none; border-color: #3d95e9; box-shadow: 0 0 0 2px rgba(61,149,233,.14); }
.v4-control.numeric-input[b-0xs0m1uhvc] { min-width: 96px; text-align: right; }
.v4-control.notes-input[b-0xs0m1uhvc] { min-width: 190px; }
.v4-version[b-0xs0m1uhvc], .v4-engine[b-0xs0m1uhvc] { display: inline-flex; border-radius: 999px; padding: .2rem .45rem; font-size: .61rem; font-weight: 800; }
.v4-version[b-0xs0m1uhvc] { color: #bce7ff; background: rgba(42,134,189,.2); border: 1px solid rgba(70,163,217,.35); }
.v4-engine.v4[b-0xs0m1uhvc] { color: #8eeab4; background: rgba(40,157,91,.2); border: 1px solid rgba(69,190,119,.38); }
.v4-engine.v3[b-0xs0m1uhvc] { color: #c4ced6; background: rgba(115,127,137,.18); border: 1px solid rgba(115,127,137,.35); }
.weight-sum[b-0xs0m1uhvc] { display: block; margin-top: .22rem; font-size: .61rem; font-weight: 700; }
.weight-sum.ok[b-0xs0m1uhvc] { color: #6edf9d; }
.weight-sum.bad[b-0xs0m1uhvc] { color: #ff8080; }
.v4-origin-note[b-0xs0m1uhvc] { margin-top: .7rem; color: var(--muted); font-size: .66rem; }

@media (max-width: 760px) {
    .v4-section-title[b-0xs0m1uhvc] { align-items: start; flex-direction: column; }
    .v4-section-title small[b-0xs0m1uhvc] { text-align: left; }
}


/* Calibración V4: bloque de los 6 GOLES específicos. */
.v4-toolbar[b-0xs0m1uhvc] { display:flex; flex-wrap:wrap; gap:.5rem; margin:.6rem 0 .8rem; }
.v4-table-scroll[b-0xs0m1uhvc] { overflow-x:auto; border:1px solid var(--border); border-radius:7px; }
.v4-table-complete[b-0xs0m1uhvc] { width:100%; min-width:760px; border-collapse:collapse; font-size:.76rem; }
.v4-table-complete th[b-0xs0m1uhvc] { padding:.55rem; text-align:left; color:#a9bfd0; background:#081b2c; border-bottom:1px solid var(--border); }
.v4-table-complete td[b-0xs0m1uhvc] { padding:.5rem; border-bottom:1px solid var(--border-soft); vertical-align:middle; }
.v4-table-complete td:first-child strong[b-0xs0m1uhvc] { display:block; color:#fff; }
.v4-table-complete td:first-child span[b-0xs0m1uhvc] { display:block; margin-top:.08rem; color:var(--muted); }
.v4-table-complete input[b-0xs0m1uhvc] { width:100%; min-height:34px; padding:.35rem .45rem; border:1px solid var(--border); border-radius:5px; background:#061522; color:var(--text); }
.v4-table-complete .v4-notes[b-0xs0m1uhvc] { min-width:260px; }
.v4-advanced[b-0xs0m1uhvc] { margin-top:.8rem; border:1px solid var(--border); border-radius:7px; background:var(--panel-2); }
.v4-advanced summary[b-0xs0m1uhvc] { cursor:pointer; padding:.7rem .8rem; font-weight:700; }
.v4-advanced > p[b-0xs0m1uhvc] { margin:0; padding:0 .8rem .6rem; color:var(--muted); font-size:.72rem; }
.v4-advanced-grid[b-0xs0m1uhvc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; padding:.8rem; border-top:1px solid var(--border-soft); }
.v4-advanced-grid label[b-0xs0m1uhvc] { display:grid; gap:.22rem; color:var(--muted); font-size:.7rem; font-weight:700; }
.v4-advanced-grid input[b-0xs0m1uhvc] { width:100%; min-height:34px; padding:.35rem .45rem; border:1px solid var(--border); border-radius:5px; background:#061522; color:var(--text); }
.v4-weight[b-0xs0m1uhvc] { font-size:.65rem; }
.v4-weight.ok[b-0xs0m1uhvc] { color:var(--green); }
.v4-weight.bad[b-0xs0m1uhvc] { color:#ff8d8d; }
@media (max-width:900px) { .v4-advanced-grid[b-0xs0m1uhvc] { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .v4-advanced-grid[b-0xs0m1uhvc] { grid-template-columns:1fr; } .v4-toolbar>*[b-0xs0m1uhvc] { width:100%; } }
/* /Components/Pages/CalibracionUmbralesTablaV3.razor.rz.scp.css */
.generic-table-scroll[b-1bv5e7n8ht] {
    max-height: 680px;
    overflow: auto;
    border: 1px solid rgba(101,157,199,.18);
    border-radius: 5px;
}
.generic-table[b-1bv5e7n8ht] {
    width: 100%;
    min-width: 2300px;
    border-collapse: collapse;
    color: #e8f2f8;
    font-size: .66rem;
}
.generic-table th[b-1bv5e7n8ht] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .45rem;
    border: 1px solid rgba(101,157,199,.2);
    color: #a9bdcc;
    text-align: left;
    background: #0a2033;
    white-space: nowrap;
}
.generic-table td[b-1bv5e7n8ht] {
    padding: .35rem;
    border: 1px solid rgba(101,157,199,.12);
    vertical-align: middle;
    background: rgba(7,21,34,.84);
}
.generic-table tbody tr:hover td[b-1bv5e7n8ht] { background: rgba(25,57,81,.72); }
.generic-table input[type="number"][b-1bv5e7n8ht],
.generic-table input:not([type])[b-1bv5e7n8ht] {
    width: 90px;
    min-height: 29px;
    padding: .28rem .38rem;
    border: 1px solid rgba(101,157,199,.28);
    border-radius: 4px;
    color: #eef7ff;
    background: #061522;
}
.generic-table input[type="checkbox"][b-1bv5e7n8ht] { accent-color: #2d84f5; }
.generic-table .market-name[b-1bv5e7n8ht] { min-width: 235px; }
.generic-table .uses-cell[b-1bv5e7n8ht] { min-width: 210px; white-space: nowrap; }
.generic-table .uses-cell label[b-1bv5e7n8ht] { margin-right: .45rem; }
.generic-table .notes-cell[b-1bv5e7n8ht] { min-width: 330px; }
.generic-table .notes-cell small[b-1bv5e7n8ht] { display: block; margin-bottom: .2rem; color: #61a5ff; }
.generic-table .notes-cell input[b-1bv5e7n8ht] { width: 100%; }
.generic-table .numeric[b-1bv5e7n8ht] { text-align: right; }
.generic-table .empty-row[b-1bv5e7n8ht] { padding: 2rem; color: #93aabd; text-align: center; }
/* /Components/Pages/CalibradorUmbralesMercadoV3.razor.rz.scp.css */
.cut-page[b-qmqyca42k4] {
    --cut-ink: #14213d;
    --cut-muted: #64748b;
    --cut-border: #dbe4ee;
    --cut-soft: #f5f8fc;
    --cut-blue: #2563eb;
    --cut-cyan: #0891b2;
    --cut-green: #15803d;
    --cut-amber: #b45309;
    --cut-red: #b91c1c;
    max-width: 1680px;
    margin: 0 auto;
    padding: 1rem 1.25rem 3rem;
    color: var(--cut-ink);
}

.cut-hero[b-qmqyca42k4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.1rem 1.25rem;
    border-radius: 18px;
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
    color: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .18);
}

.cut-hero-icon[b-qmqyca42k4] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 2rem;
    font-weight: 800;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .24);
}

.cut-kicker[b-qmqyca42k4] {
    margin: 0 0 .2rem;
    font-size: .72rem;
    letter-spacing: .16em;
    font-weight: 800;
    color: #bfdbfe;
}

.cut-hero h1[b-qmqyca42k4] {
    margin: 0;
    font-size: clamp(1.45rem, 2vw, 2.1rem);
    font-weight: 800;
}

.cut-hero p:last-child[b-qmqyca42k4] {
    margin: .35rem 0 0;
    color: #dbeafe;
    max-width: 980px;
}

.cut-note[b-qmqyca42k4] {
    border-radius: 12px;
    padding: .8rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.cut-note.info[b-qmqyca42k4] { background: #eff6ff; border-color: #bfdbfe; color: #1e3a8a; }
.cut-note.error[b-qmqyca42k4] { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.cut-note.success[b-qmqyca42k4] { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }

.cut-card[b-qmqyca42k4] {
    background: #fff;
    border: 1px solid var(--cut-border);
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
}

.cut-card-title[b-qmqyca42k4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.cut-card-title span[b-qmqyca42k4] {
    display: block;
    color: var(--cut-blue);
    font-size: .68rem;
    letter-spacing: .12em;
    font-weight: 800;
}

.cut-card-title h2[b-qmqyca42k4] {
    margin: .18rem 0 0;
    font-size: 1.13rem;
    font-weight: 800;
}

.cut-card-title p[b-qmqyca42k4] {
    margin: .25rem 0 0;
    color: var(--cut-muted);
    font-size: .88rem;
}

.cut-main-btn[b-qmqyca42k4] { min-width: 155px; }

.cut-filter-grid[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(130px, 1fr));
    gap: .75rem;
}

.cut-market-select[b-qmqyca42k4] { grid-column: span 2; }

.cut-filter-grid label > span[b-qmqyca42k4],
.cut-settings-grid label > span[b-qmqyca42k4],
.cut-apply-grid label > span[b-qmqyca42k4] {
    display: block;
    margin-bottom: .3rem;
    font-size: .76rem;
    font-weight: 700;
    color: #475569;
}

.cut-lote-bar[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: .55fr 2fr .65fr .7fr 1fr;
    gap: .55rem;
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid var(--cut-border);
}

.cut-lote-bar div[b-qmqyca42k4],
.cut-apply-summary div[b-qmqyca42k4] {
    background: var(--cut-soft);
    border: 1px solid #e7edf5;
    border-radius: 10px;
    padding: .6rem .7rem;
    min-width: 0;
}

.cut-lote-bar span[b-qmqyca42k4],
.cut-apply-summary span[b-qmqyca42k4] {
    display: block;
    color: var(--cut-muted);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.cut-lote-bar strong[b-qmqyca42k4],
.cut-apply-summary strong[b-qmqyca42k4] {
    display: block;
    margin-top: .15rem;
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cut-settings-grid[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.cut-settings-grid fieldset[b-qmqyca42k4] {
    border: 1px solid var(--cut-border);
    border-radius: 12px;
    padding: .8rem;
    background: #fbfdff;
}

.cut-settings-grid legend[b-qmqyca42k4] {
    width: auto;
    float: none;
    padding: 0 .35rem;
    margin: 0 0 .45rem;
    font-size: .83rem;
    font-weight: 800;
    color: var(--cut-ink);
}

.cut-fields[b-qmqyca42k4] {
    display: grid;
    gap: .55rem;
    margin-bottom: .55rem;
}

.cut-fields:last-child[b-qmqyca42k4] { margin-bottom: 0; }
.cut-fields.three[b-qmqyca42k4] { grid-template-columns: repeat(3, 1fr); }
.cut-fields input[b-qmqyca42k4] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: .42rem .5rem;
    background: #fff;
}

.cut-loading[b-qmqyca42k4],
.cut-empty[b-qmqyca42k4] {
    background: #fff;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    text-align: center;
    padding: 2.25rem 1rem;
    color: var(--cut-muted);
}

.cut-loading h2[b-qmqyca42k4],
.cut-empty h2[b-qmqyca42k4] { color: var(--cut-ink); margin: .7rem 0 .25rem; font-size: 1.1rem; }
.cut-loading p[b-qmqyca42k4],
.cut-empty p[b-qmqyca42k4] { margin: 0; }

.cut-kpis[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(140px, 1fr));
    gap: .65rem;
    margin-bottom: 1rem;
}

.cut-kpis article[b-qmqyca42k4] {
    background: #fff;
    border: 1px solid var(--cut-border);
    border-radius: 13px;
    padding: .8rem;
    box-shadow: 0 5px 20px rgba(15, 23, 42, .05);
}

.cut-kpis span[b-qmqyca42k4] { display: block; color: var(--cut-muted); font-size: .72rem; }
.cut-kpis strong[b-qmqyca42k4] { display: block; margin: .22rem 0; font-size: 1.18rem; color: var(--cut-ink); }
.cut-kpis small[b-qmqyca42k4] { display: block; color: #64748b; font-size: .7rem; }

.cut-warning-list[b-qmqyca42k4] {
    display: grid;
    gap: .45rem;
    margin-bottom: 1rem;
}

.cut-warning-list div[b-qmqyca42k4] {
    padding: .62rem .8rem;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    font-size: .82rem;
}

.cut-recommendation[b-qmqyca42k4] {
    flex: 0 0 300px;
    border-radius: 11px;
    padding: .65rem .8rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.cut-recommendation span[b-qmqyca42k4] { color: #047857; }
.cut-recommendation strong[b-qmqyca42k4] { display: block; margin: .15rem 0; font-size: .93rem; color: #065f46; }
.cut-recommendation small[b-qmqyca42k4] { display: block; color: #047857; }

.cut-table-wrap[b-qmqyca42k4] {
    overflow: auto;
    max-height: 610px;
    border: 1px solid var(--cut-border);
    border-radius: 11px;
}

.cut-table[b-qmqyca42k4] {
    width: 100%;
    min-width: 930px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .78rem;
}

.cut-table.wide[b-qmqyca42k4] { min-width: 1550px; }

.cut-table th[b-qmqyca42k4] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eaf1fb;
    color: #334155;
    padding: .58rem .55rem;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #cbd5e1;
}

.cut-table td[b-qmqyca42k4] {
    padding: .5rem .55rem;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

.cut-table tbody tr:hover td[b-qmqyca42k4] { background: #f8fbff; }
.cut-table tr.row-recommended td[b-qmqyca42k4] { background: #ecfdf5; }
.cut-table tr.row-current td[b-qmqyca42k4] { background: #eff6ff; }

.cut-badge[b-qmqyca42k4] {
    display: inline-block;
    margin-left: .35rem;
    border-radius: 999px;
    padding: .15rem .38rem;
    font-size: .58rem;
    font-weight: 800;
    vertical-align: middle;
}

.cut-badge.recommended[b-qmqyca42k4] { background: #bbf7d0; color: #166534; }
.cut-badge.current[b-qmqyca42k4] { background: #bfdbfe; color: #1e40af; }

.pct-good[b-qmqyca42k4] { color: var(--cut-green); font-weight: 800; }
.pct-mid[b-qmqyca42k4] { color: var(--cut-amber); font-weight: 800; }
.pct-bad[b-qmqyca42k4] { color: var(--cut-red); font-weight: 800; }

.cut-apply-card[b-qmqyca42k4] { border-color: #bbf7d0; }

.cut-apply-grid[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .7rem;
}

.cut-apply-summary[b-qmqyca42k4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .55rem;
    margin: .8rem 0;
}

.cut-confirm[b-qmqyca42k4] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .75rem;
    border-radius: 10px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: .82rem;
}

.cut-confirm input[b-qmqyca42k4] { margin-top: .15rem; }
.cut-apply-btn[b-qmqyca42k4] { margin-top: .75rem; min-width: 250px; }

@media (max-width: 1300px) {
    .cut-filter-grid[b-qmqyca42k4] { grid-template-columns: repeat(4, minmax(140px, 1fr)); }
    .cut-market-select[b-qmqyca42k4] { grid-column: span 2; }
    .cut-kpis[b-qmqyca42k4] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .cut-page[b-qmqyca42k4] { padding: .7rem; }
    .cut-hero[b-qmqyca42k4] { align-items: flex-start; }
    .cut-filter-grid[b-qmqyca42k4],
    .cut-settings-grid[b-qmqyca42k4],
    .cut-apply-grid[b-qmqyca42k4],
    .cut-apply-summary[b-qmqyca42k4],
    .cut-lote-bar[b-qmqyca42k4] { grid-template-columns: 1fr 1fr; }
    .cut-market-select[b-qmqyca42k4] { grid-column: span 2; }
    .cut-kpis[b-qmqyca42k4] { grid-template-columns: 1fr 1fr; }
    .cut-card-title[b-qmqyca42k4] { flex-direction: column; }
    .cut-recommendation[b-qmqyca42k4] { width: 100%; flex-basis: auto; }
}

@media (max-width: 580px) {
    .cut-filter-grid[b-qmqyca42k4],
    .cut-settings-grid[b-qmqyca42k4],
    .cut-fields.three[b-qmqyca42k4],
    .cut-apply-grid[b-qmqyca42k4],
    .cut-apply-summary[b-qmqyca42k4],
    .cut-lote-bar[b-qmqyca42k4],
    .cut-kpis[b-qmqyca42k4] { grid-template-columns: 1fr; }
    .cut-market-select[b-qmqyca42k4] { grid-column: span 1; }
    .cut-hero-icon[b-qmqyca42k4] { display: none; }
}
/* /Components/Pages/CentroAyuda.razor.rz.scp.css */
.help-page[b-x5pzv6aclp] {
    --navy: #08213a;
    --navy2: #103d67;
    --blue: #1677ff;
    --green: #16b866;
    --ink: #102a43;
    --muted: #667f98;
    --line: #dfe8f0;
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px;
    color: var(--ink);
    background:
        radial-gradient(circle at 10% 0%, rgba(22,119,255,.10), transparent 32%),
        linear-gradient(180deg, #f7fbff 0%, #edf4fa 100%);
    min-height: 100vh;
}

.help-topbar[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: auto minmax(240px, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-bottom: 16px;
    padding: 13px 16px;
    color: white;
    border-radius: 18px;
    background: linear-gradient(135deg, #071d33, #102f50);
    box-shadow: 0 12px 35px rgba(8,33,58,.15);
}

.help-brand[b-x5pzv6aclp] { display:flex; align-items:center; gap:10px; }
.help-ball[b-x5pzv6aclp] { font-size: 2rem; }
.help-brand div[b-x5pzv6aclp] { display:grid; }
.help-brand strong[b-x5pzv6aclp] { font-size:1.25rem; line-height:1; }
.help-brand strong span[b-x5pzv6aclp] { color:#27cb77; }
.help-brand small[b-x5pzv6aclp] { opacity:.7; margin-top:4px; }

.help-search[b-x5pzv6aclp] {
    display:flex;
    gap:10px;
    align-items:center;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
    background:rgba(255,255,255,.08);
}
.help-search input[b-x5pzv6aclp] {
    width:100%; border:0; outline:0; color:#fff; background:transparent;
}
.help-search input[b-x5pzv6aclp]::placeholder { color:#b7c8d9; }

.help-back[b-x5pzv6aclp] {
    min-height:42px;
    padding:0 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:11px;
    color:#fff;
    font-weight:800;
    background:rgba(255,255,255,.07);
}

.help-hero[b-x5pzv6aclp] {
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:20px;
    align-items:center;
    padding:26px;
    border:1px solid #cfece0;
    border-radius:20px;
    background:
        radial-gradient(circle at 75% 30%, rgba(34,197,94,.13), transparent 28%),
        linear-gradient(120deg,#eefcf8,#f6fbff);
    box-shadow:0 12px 32px rgba(15,46,77,.06);
}
.help-eyebrow[b-x5pzv6aclp] { color:#0c9560; font-size:.72rem; font-weight:950; letter-spacing:.08em; }
.help-hero h1[b-x5pzv6aclp] { margin:6px 0 5px; font-size:clamp(1.6rem,3vw,2.5rem); }
.help-hero p[b-x5pzv6aclp] { margin:0; color:var(--muted); }
.help-tour-card[b-x5pzv6aclp] {
    display:grid; gap:7px; padding:18px; border:1px solid #dfe8f0;
    border-radius:16px; background:#fff;
}
.help-tour-card strong[b-x5pzv6aclp] { font-size:1.05rem; }
.help-tour-card span[b-x5pzv6aclp] { color:var(--muted); font-size:.82rem; }
.help-tour-card button[b-x5pzv6aclp] {
    min-height:42px; border:0; border-radius:10px; color:#fff; font-weight:900;
    background:linear-gradient(135deg,#0eb05f,#16c96f);
}

.help-shortcuts[b-x5pzv6aclp] {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:16px 0;
}
.help-shortcuts button[b-x5pzv6aclp],
.help-shortcuts .help-shortcut-link[b-x5pzv6aclp] {
    display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center;
    padding:15px; text-align:left; border:1px solid var(--line); border-radius:16px;
    background:#fff; box-shadow:0 8px 25px rgba(15,46,77,.05);
    color:inherit; text-decoration:none;
}
.help-shortcuts button > span:nth-child(2)[b-x5pzv6aclp],
.help-shortcuts .help-shortcut-link > span:nth-child(2)[b-x5pzv6aclp] { display:grid; gap:2px; }
.help-shortcuts strong[b-x5pzv6aclp] { font-size:.9rem; }
.help-shortcuts small[b-x5pzv6aclp] { color:var(--muted); }
.shortcut-icon[b-x5pzv6aclp] {
    width:46px; height:46px; display:grid; place-items:center; color:#fff;
    border-radius:12px; font-size:1.3rem; font-weight:900;
}
.shortcut-icon.green[b-x5pzv6aclp] { background:#18b966; }
.shortcut-icon.blue[b-x5pzv6aclp] { background:#2788ff; }
.shortcut-icon.purple[b-x5pzv6aclp] { background:#875cf5; }
.shortcut-icon.orange[b-x5pzv6aclp] { background:#ff9415; }

.help-section[b-x5pzv6aclp],.help-panel[b-x5pzv6aclp],.help-search-results[b-x5pzv6aclp] {
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 25px rgba(15,46,77,.05);
}
.help-section[b-x5pzv6aclp] { padding:17px; margin-bottom:16px; }
.section-heading[b-x5pzv6aclp] {
    display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:14px;
}
.section-heading > div[b-x5pzv6aclp] { display:grid; gap:2px; }
.section-heading span[b-x5pzv6aclp] { color:#0b6dff; font-size:.72rem; font-weight:900; }
.section-heading h2[b-x5pzv6aclp] { margin:0; font-size:1.25rem; }
.section-heading small[b-x5pzv6aclp] { color:var(--muted); }

.video-grid[b-x5pzv6aclp] {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:13px;
}
.video-card[b-x5pzv6aclp] { overflow:hidden; border:1px solid #dce7f1; border-radius:14px; background:#fbfdff; }
.video-frame[b-x5pzv6aclp] { background:#071d33; aspect-ratio:16/9; }
.video-frame video[b-x5pzv6aclp] { width:100%; height:100%; object-fit:cover; display:block; }
.video-copy[b-x5pzv6aclp] {
    display:grid; grid-template-columns:auto 1fr; gap:9px; padding:11px;
}
.video-copy > span[b-x5pzv6aclp] {
    width:28px; height:28px; display:grid; place-items:center; border-radius:50%;
    color:#fff; background:#1677ff; font-size:.7rem; font-weight:900;
}
.video-copy div[b-x5pzv6aclp] { display:grid; gap:3px; min-width:0; }
.video-copy strong[b-x5pzv6aclp] { font-size:.85rem; }
.video-copy small[b-x5pzv6aclp] { color:var(--muted); font-size:.72rem; line-height:1.35; }
.video-copy code[b-x5pzv6aclp] { color:#35617f; font-size:.66rem; overflow-wrap:anywhere; }

.video-folder-note[b-x5pzv6aclp] {
    display:flex; align-items:center; gap:10px; margin-top:14px; padding:11px 13px;
    border:1px dashed #bed7e9; border-radius:12px; background:#f2f9ff;
}
.video-folder-note div[b-x5pzv6aclp] { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.video-folder-note code[b-x5pzv6aclp] { color:#0969da; font-weight:800; }

.help-columns[b-x5pzv6aclp] {
    display:grid;
    grid-template-columns:1.1fr 1.05fr 1.2fr;
    gap:16px;
    margin-bottom:16px;
}
.help-panel[b-x5pzv6aclp] { padding:17px; }
.panel-blue[b-x5pzv6aclp] { background:linear-gradient(180deg,#f5fbff,#ffffff); }
.panel-green[b-x5pzv6aclp] { background:linear-gradient(180deg,#f3fff9,#ffffff); }
.panel-yellow[b-x5pzv6aclp] { background:linear-gradient(180deg,#fffaf0,#ffffff); }

.panel-title[b-x5pzv6aclp] { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.panel-title > span[b-x5pzv6aclp] {
    width:38px; height:38px; display:grid; place-items:center;
    border-radius:11px; background:#eef5ff; font-weight:900;
}
.panel-title div[b-x5pzv6aclp] { display:grid; gap:1px; }
.panel-title small[b-x5pzv6aclp] { color:#0b6dff; font-size:.66rem; font-weight:900; }
.panel-title h2[b-x5pzv6aclp] { margin:0; font-size:1.05rem; }

.step-list[b-x5pzv6aclp],.definition-list[b-x5pzv6aclp],.faq-list[b-x5pzv6aclp] { display:grid; gap:7px; }
.step-list button[b-x5pzv6aclp] {
    display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;
    padding:9px; text-align:left; border:1px solid #e3ebf2; border-radius:11px; background:#fff;
}
.step-list button div[b-x5pzv6aclp] { display:grid; gap:1px; }
.step-list small[b-x5pzv6aclp] { color:var(--muted); font-size:.7rem; }
.step-number[b-x5pzv6aclp] {
    width:30px; height:30px; display:grid; place-items:center; border-radius:50%;
    color:#fff; background:#2788ff; font-size:.72rem; font-weight:900;
}

.definition-list details[b-x5pzv6aclp],.faq-list details[b-x5pzv6aclp] {
    border:1px solid #e3ebf2; border-radius:11px; background:#fff;
}
.definition-list summary[b-x5pzv6aclp],.faq-list summary[b-x5pzv6aclp] {
    cursor:pointer; list-style:none; padding:9px 10px;
}
.definition-list summary[b-x5pzv6aclp] { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; }
.definition-list summary div[b-x5pzv6aclp] { display:grid; gap:1px; }
.definition-list summary small[b-x5pzv6aclp] { color:var(--muted); font-size:.7rem; }
.definition-list p[b-x5pzv6aclp],.faq-list p[b-x5pzv6aclp] { margin:0; padding:0 12px 12px; color:#577089; font-size:.78rem; line-height:1.5; }

.market-list[b-x5pzv6aclp] {
    display:grid; grid-template-columns:1fr 1fr; gap:4px 12px;
}
.market-list div[b-x5pzv6aclp] {
    display:grid; grid-template-columns:92px 1fr; gap:7px;
    padding:6px 0; border-bottom:1px solid #edf1f5;
}
.market-list strong[b-x5pzv6aclp] { font-size:.72rem; }
.market-list span[b-x5pzv6aclp] { color:var(--muted); font-size:.7rem; }

.help-bottom-grid[b-x5pzv6aclp] {
    display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px;
}
.tips-panel[b-x5pzv6aclp] { background:linear-gradient(180deg,#fff7f5,#fff); }
.tips-panel ul[b-x5pzv6aclp] { margin:0; padding-left:21px; color:#526b84; line-height:1.8; font-size:.8rem; }
.faq-panel[b-x5pzv6aclp] { background:linear-gradient(180deg,#f6fbff,#fff); }
.faq-list summary[b-x5pzv6aclp] { font-weight:800; font-size:.82rem; }

.quick-links[b-x5pzv6aclp] {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.quick-links button[b-x5pzv6aclp] {
    display:grid; grid-template-columns:auto 1fr; gap:8px 10px; align-items:center;
    padding:14px; text-align:left; border:1px solid #dfe8f0; border-radius:14px; background:#fff;
}
.quick-links button > span[b-x5pzv6aclp] { grid-row:1/3; font-size:1.35rem; }
.quick-links strong[b-x5pzv6aclp] { font-size:.82rem; }
.quick-links small[b-x5pzv6aclp] { color:var(--muted); font-size:.68rem; }

.help-search-results[b-x5pzv6aclp] { padding:17px; margin-bottom:16px; }
.help-search-results .section-heading button[b-x5pzv6aclp] {
    border:1px solid #d6e3ef; border-radius:9px; padding:7px 10px; background:#fff;
}
.search-result-grid[b-x5pzv6aclp] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.search-result-grid button[b-x5pzv6aclp] {
    display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;
    padding:10px; text-align:left; border:1px solid #e0e8f0; border-radius:11px; background:#fff;
}
.search-result-grid button div[b-x5pzv6aclp] { display:grid; gap:2px; }
.search-result-grid small[b-x5pzv6aclp] { color:var(--muted); }
.help-empty[b-x5pzv6aclp] { padding:20px; text-align:center; color:var(--muted); }

.tour-overlay[b-x5pzv6aclp] {
    position:fixed; inset:0; z-index:5000; display:grid; place-items:center;
    padding:18px; background:rgba(3,15,29,.68); backdrop-filter:blur(4px);
}
.tour-dialog[b-x5pzv6aclp] {
    width:min(520px,100%); padding:22px; border-radius:18px; background:#fff;
    box-shadow:0 25px 80px rgba(0,0,0,.25);
}
.tour-count[b-x5pzv6aclp] { color:#1677ff; font-size:.72rem; font-weight:900; }
.tour-dialog h3[b-x5pzv6aclp] { margin:7px 0; }
.tour-dialog p[b-x5pzv6aclp] { color:#526b84; line-height:1.55; }
.tour-actions[b-x5pzv6aclp] { display:flex; justify-content:flex-end; gap:9px; margin-top:16px; }
.tour-actions button[b-x5pzv6aclp] { min-height:40px; padding:0 15px; border-radius:10px; font-weight:900; }
.tour-actions .secondary[b-x5pzv6aclp] { border:1px solid #d5e0ea; background:#fff; }
.tour-actions .primary[b-x5pzv6aclp] { border:0; color:#fff; background:#1677ff; }

button[b-x5pzv6aclp] { cursor:pointer; }

@media (max-width: 1180px) {
    .video-grid[b-x5pzv6aclp] { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .help-shortcuts[b-x5pzv6aclp] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .help-columns[b-x5pzv6aclp] { grid-template-columns:1fr 1fr; }
    .help-columns > article:last-child[b-x5pzv6aclp] { grid-column:1/-1; }
}

@media (max-width: 760px) {
    .help-page[b-x5pzv6aclp] { padding:10px; }
    .help-topbar[b-x5pzv6aclp] { grid-template-columns:1fr; gap:10px; border-radius:14px; }
    .help-back[b-x5pzv6aclp] { display:none; }
    .help-hero[b-x5pzv6aclp] { grid-template-columns:1fr; padding:18px; }
    .help-shortcuts[b-x5pzv6aclp] { grid-template-columns:1fr 1fr; gap:9px; }
    .help-shortcuts button[b-x5pzv6aclp],
    .help-shortcuts .help-shortcut-link[b-x5pzv6aclp] { grid-template-columns:auto 1fr; padding:11px; }
    .help-shortcuts button > b[b-x5pzv6aclp],
    .help-shortcuts .help-shortcut-link > b[b-x5pzv6aclp] { display:none; }
    .shortcut-icon[b-x5pzv6aclp] { width:40px; height:40px; }
    .video-grid[b-x5pzv6aclp] { grid-template-columns:1fr; }
    .help-columns[b-x5pzv6aclp],.help-bottom-grid[b-x5pzv6aclp] { grid-template-columns:1fr; }
    .help-columns > article:last-child[b-x5pzv6aclp] { grid-column:auto; }
    .market-list[b-x5pzv6aclp] { grid-template-columns:1fr; }
    .quick-links[b-x5pzv6aclp] { grid-template-columns:1fr 1fr; }
    .search-result-grid[b-x5pzv6aclp] { grid-template-columns:1fr; }
    .section-heading[b-x5pzv6aclp] { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 430px) {
    .help-shortcuts[b-x5pzv6aclp],.quick-links[b-x5pzv6aclp] { grid-template-columns:1fr; }
}


/* ===== Centro de ayuda ampliado ===== */
.module-help-grid[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.module-help-card[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    min-width: 0;
    padding: 15px;
    border: 1px solid #dfe8f0;
    border-radius: 15px;
    background: linear-gradient(180deg, #ffffff, #f8fbfe);
}

.module-help-icon[b-x5pzv6aclp] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #edf6ff;
    font-size: 1.25rem;
}

.module-help-copy[b-x5pzv6aclp] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.module-help-copy h3[b-x5pzv6aclp] {
    margin: 0;
    color: #102a43;
    font-size: .98rem;
}

.module-help-copy > p[b-x5pzv6aclp],
.module-help-copy details p[b-x5pzv6aclp] {
    margin: 0;
    color: #5f768d;
    font-size: .77rem;
    line-height: 1.5;
}

.module-help-copy details[b-x5pzv6aclp] {
    border-top: 1px solid #e8eef4;
    padding-top: 7px;
}

.module-help-copy summary[b-x5pzv6aclp] {
    cursor: pointer;
    color: #1677ff;
    font-size: .75rem;
    font-weight: 900;
}

.module-help-copy details p[b-x5pzv6aclp] {
    padding-top: 7px;
}

.module-help-copy button[b-x5pzv6aclp] {
    justify-self: start;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #cfe0ef;
    border-radius: 9px;
    color: #0b6dff;
    background: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.market-list-expanded[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.market-help-item[b-x5pzv6aclp] {
    border: 1px solid #eadfbe;
    border-radius: 10px;
    background: rgba(255,255,255,.78);
}

.market-help-item summary[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: 108px 1fr;
    gap: 8px;
    padding: 8px 9px;
    cursor: pointer;
    list-style: none;
}

.market-help-item summary strong[b-x5pzv6aclp] {
    font-size: .72rem;
}

.market-help-item summary span[b-x5pzv6aclp] {
    color: #60758b;
    font-size: .72rem;
}

.market-help-item p[b-x5pzv6aclp] {
    margin: 0;
    padding: 0 10px 10px;
    color: #5a7188;
    font-size: .74rem;
    line-height: 1.45;
}

.interpretation-section[b-x5pzv6aclp] {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.interpret-grid[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.interpret-card[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    padding: 13px;
    border: 1px solid #dfe8f0;
    border-radius: 13px;
    background: #fff;
}

.interpret-step[b-x5pzv6aclp] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: white;
    background: #1677ff;
    font-size: .72rem;
    font-weight: 900;
}

.interpret-card div[b-x5pzv6aclp] {
    display: grid;
    gap: 4px;
}

.interpret-card strong[b-x5pzv6aclp] {
    font-size: .8rem;
}

.interpret-card p[b-x5pzv6aclp] {
    margin: 0;
    color: #60778e;
    font-size: .72rem;
    line-height: 1.45;
}

.example-grid[b-x5pzv6aclp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 13px;
}

.example-card[b-x5pzv6aclp] {
    padding: 14px;
    border-radius: 13px;
}

.example-card.good[b-x5pzv6aclp] {
    border: 1px solid #bcebd3;
    background: #effcf5;
}

.example-card.caution[b-x5pzv6aclp] {
    border: 1px solid #f0d88e;
    background: #fff9e8;
}

.example-title[b-x5pzv6aclp] {
    display: grid;
    gap: 3px;
}

.example-title span[b-x5pzv6aclp] {
    font-size: .67rem;
    font-weight: 900;
    color: #557088;
    text-transform: uppercase;
}

.example-title strong[b-x5pzv6aclp] {
    color: #102a43;
    font-size: .88rem;
}

.example-card p[b-x5pzv6aclp] {
    margin: 8px 0 0;
    color: #536c83;
    font-size: .76rem;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .module-help-grid[b-x5pzv6aclp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .interpret-grid[b-x5pzv6aclp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .module-help-grid[b-x5pzv6aclp],
    .interpret-grid[b-x5pzv6aclp],
    .example-grid[b-x5pzv6aclp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .module-help-card[b-x5pzv6aclp] {
        grid-template-columns: 1fr;
    }

    .market-help-item summary[b-x5pzv6aclp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CentroControlV4.razor.rz.scp.css */
 .ccv4[b-jfhygj46w2] {padding:22px;max-width:100%;color:var(--bs-body-color)}
.ccv4-header[b-jfhygj46w2]{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}
.ccv4-header h1[b-jfhygj46w2]{font-size:1.8rem;font-weight:750;margin:4px 0}.ccv4-header p[b-jfhygj46w2]{color:var(--bs-secondary-color);margin:0}
.ccv4-header small[b-jfhygj46w2]{font-size:.75rem;letter-spacing:.13em;color:var(--bs-secondary-color)}
.ccv4-mode[b-jfhygj46w2]{font-size:.7rem;border:1px solid var(--bs-border-color);padding:8px 11px;border-radius:20px;white-space:nowrap}
.ccv4-filters[b-jfhygj46w2]{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;padding:16px;border:1px solid var(--bs-border-color);border-radius:12px;margin-bottom:14px}
.ccv4-filters label[b-jfhygj46w2]{font-size:.76rem;font-weight:700;margin-bottom:4px}
.ccv4-summary[b-jfhygj46w2]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}
.ccv4-summary article[b-jfhygj46w2]{background:var(--bs-tertiary-bg);padding:15px;border-radius:11px;display:flex;flex-direction:column;gap:4px}
.ccv4-summary article span[b-jfhygj46w2]{font-size:.8rem;color:var(--bs-secondary-color)}.ccv4-summary strong[b-jfhygj46w2]{font-size:1.55rem}
.ccv4-hint[b-jfhygj46w2]{font-size:.77rem;color:var(--bs-secondary-color)}
.ccv4-table-wrap[b-jfhygj46w2]{overflow:auto;max-height:65vh;border:1px solid var(--bs-border-color);border-radius:12px}
.ccv4-table[b-jfhygj46w2]{min-width:1400px;font-size:.8rem;margin-bottom:0}.ccv4-table thead th[b-jfhygj46w2]{position:sticky;top:0;background:var(--bs-tertiary-bg);z-index:2;white-space:nowrap}
.ccv4-table td[b-jfhygj46w2]{vertical-align:middle}.ccv4-table small[b-jfhygj46w2]{color:var(--bs-secondary-color)}.ccv4-match[b-jfhygj46w2]{min-width:220px;font-weight:600}.ccv4-match span[b-jfhygj46w2]{font-weight:400;color:var(--bs-secondary-color)}
.ccv4-count[b-jfhygj46w2]{font-weight:800}.ccv4-links[b-jfhygj46w2]{display:flex;gap:18px;padding:15px 0;font-size:.83rem;flex-wrap:wrap}
@media(max-width:950px){.ccv4-filters[b-jfhygj46w2]{grid-template-columns:repeat(2,1fr)}.ccv4-summary[b-jfhygj46w2]{grid-template-columns:repeat(2,1fr)}.ccv4-header[b-jfhygj46w2]{flex-direction:column}}

.ccv4-views[b-jfhygj46w2]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ccv4-views button[b-jfhygj46w2]{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);padding:8px 13px;border-radius:9px;font-weight:600;font-size:.85rem}
.ccv4-views button.active[b-jfhygj46w2]{background:var(--bs-primary);color:#fff;border-color:var(--bs-primary)}
.ccv4-detail-row>td[b-jfhygj46w2]{background:var(--bs-tertiary-bg)!important;padding:12px!important}
.ccv4-detail[b-jfhygj46w2]{max-width:100%;overflow:auto}.ccv4-detail table[b-jfhygj46w2]{font-size:.76rem;min-width:850px;margin-top:8px}.ccv4-motivo[b-jfhygj46w2]{max-width:460px;white-space:normal;overflow-wrap:anywhere}
/* /Components/Pages/CentroDecisionPicks.razor.rz.scp.css */
.decision-page[b-agiv62rj56] { --bg:#07131f; --panel:#0b1c2b; --panel2:#102538; --line:rgba(148,163,184,.18); --muted:#8fa5b7; --text:#edf7ff; min-height:100vh; padding:clamp(16px,3vw,34px); color:var(--text); background:radial-gradient(circle at 85% 0,rgba(37,99,235,.15),transparent 34%),linear-gradient(145deg,#06111c,#091827 55%,#07131f); }
.decision-hero[b-agiv62rj56],.decision-filters[b-agiv62rj56],.match-browser[b-agiv62rj56],.analysis-toolbar[b-agiv62rj56],.match-shell[b-agiv62rj56],.analysis-card[b-agiv62rj56],.decision-message[b-agiv62rj56] { max-width:1320px; margin-inline:auto; }
.decision-hero[b-agiv62rj56] { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:8px 4px 24px; }
.eyebrow[b-agiv62rj56],.section-heading span[b-agiv62rj56] { color:#62c5f4; font-size:.7rem; font-weight:900; letter-spacing:.14em; }
.decision-hero h1[b-agiv62rj56] { margin:.35rem 0; font-size:clamp(1.65rem,4vw,2.75rem); }
.decision-hero p[b-agiv62rj56] { margin:0; color:#a9bdcc; }
.read-only-badge[b-agiv62rj56] { padding:7px 10px; border:1px solid rgba(96,165,250,.3); border-radius:999px; color:#93c5fd; background:rgba(37,99,235,.11); font-size:.68rem; font-weight:900; white-space:nowrap; }
.decision-filters[b-agiv62rj56] { display:grid; grid-template-columns:1.35fr .7fr 1fr .75fr .85fr .85fr 1fr; gap:11px; padding:16px; border:1px solid var(--line); border-radius:18px; background:rgba(11,28,43,.88); box-shadow:0 18px 45px rgba(0,0,0,.2); }
.decision-filters label>span[b-agiv62rj56] { display:block; margin-bottom:6px; color:#9fb4c5; font-size:.72rem; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }
.decision-filters select[b-agiv62rj56],.decision-filters input[b-agiv62rj56] { width:100%; min-height:44px; padding:9px 11px; border:1px solid rgba(148,163,184,.24); border-radius:10px; color:#e8f3fb; background:#081723; }
.decision-filters option[b-agiv62rj56] { background:#fff; color:#111827; }
.decision-message[b-agiv62rj56] { margin-top:18px; padding:15px 18px; border:1px solid var(--line); border-radius:13px; color:#b9cbd8; background:rgba(11,28,43,.8); }
.decision-message.error[b-agiv62rj56] { border-color:rgba(190,80,93,.38); color:#e9a7b0; }.decision-message.loading[b-agiv62rj56] { color:#8bd7ff; }
.match-browser[b-agiv62rj56] { margin-top:18px; }
.browser-heading[b-agiv62rj56],.analysis-toolbar[b-agiv62rj56] { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:12px; }
.browser-heading span[b-agiv62rj56],.analysis-toolbar span[b-agiv62rj56] { color:#62c5f4; font-size:.68rem; font-weight:900; letter-spacing:.13em; }
.browser-heading h2[b-agiv62rj56],.analysis-toolbar h2[b-agiv62rj56] { margin:.2rem 0 0; font-size:1.15rem; }
.browser-heading>strong[b-agiv62rj56] { color:#91a9bb; font-size:.75rem; }
.match-card-grid[b-agiv62rj56] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.match-card[b-agiv62rj56] { display:flex; flex-direction:column; min-width:0; padding:15px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(14,35,52,.96),rgba(7,22,34,.96)); box-shadow:0 14px 34px rgba(0,0,0,.18); cursor:pointer; transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
.match-card:hover[b-agiv62rj56],.match-card:focus-visible[b-agiv62rj56],.match-card.selected[b-agiv62rj56] { border-color:rgba(96,165,250,.56); box-shadow:0 17px 38px rgba(0,0,0,.24),0 0 0 1px rgba(96,165,250,.12); transform:translateY(-1px); outline:none; }
.card-teams[b-agiv62rj56] { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); align-items:center; gap:7px; min-height:82px; }
.card-teams>div[b-agiv62rj56] { display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; text-align:center; }
.card-teams>div strong[b-agiv62rj56] { font-size:.82rem; line-height:1.15; overflow-wrap:anywhere; }
.card-teams>span[b-agiv62rj56] { color:#71899b; font-size:.64rem; font-weight:900; text-align:center; }
.card-teams[b-agiv62rj56]  .card-team-logo { width:46px; height:46px; padding:3px; border-radius:50%; object-fit:contain; background:#fff; }
.card-meta[b-agiv62rj56] { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 10px; min-height:44px; margin:10px -15px 0; padding:8px 12px; border-block:1px solid rgba(148,163,184,.12); color:#8fa6b7; font-size:.65rem; text-align:center; }
.card-meta strong[b-agiv62rj56] { color:#dcecf7; }.card-badges[b-agiv62rj56] { display:flex; flex-wrap:wrap; gap:6px; min-height:28px; padding:10px 0 4px; }
.pool-badge[b-agiv62rj56] { padding:4px 8px; border:1px solid currentColor; border-radius:999px; font-size:.62rem; font-weight:850; }.pool-badge.in[b-agiv62rj56]{color:#70d894;background:rgba(34,197,94,.07)}.pool-badge.out[b-agiv62rj56]{color:#91a3b1;background:rgba(148,163,184,.05)}
.card-pick[b-agiv62rj56] { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"name probability" "name semaphore"; align-items:center; gap:5px 9px; min-height:86px; margin-top:7px; padding:11px; border:1px solid rgba(148,163,184,.13); border-radius:11px; background:rgba(3,14,23,.42); }
.card-pick>span:first-child[b-agiv62rj56] { grid-area:name; min-width:0; }.card-pick small[b-agiv62rj56],.card-pick em[b-agiv62rj56] { display:block; color:#7790a2; font-size:.58rem; font-style:normal; }.card-pick>span strong[b-agiv62rj56] { display:block; margin:4px 0; font-size:.8rem; overflow-wrap:anywhere; }
.card-probability[b-agiv62rj56] { grid-area:probability; color:#55d7ee; font-size:1.25rem; text-align:right; }.card-pick>.semaphore[b-agiv62rj56] { grid-area:semaphore; justify-self:end; }.card-pick.empty[b-agiv62rj56] { display:grid; place-items:center; color:#8297a6; font-size:.72rem; }
.open-analysis[b-agiv62rj56],.analysis-toolbar button[b-agiv62rj56] { min-height:36px; margin-top:10px; border:1px solid rgba(96,165,250,.32); border-radius:9px; color:#b9dcff; background:rgba(37,99,235,.11); font-size:.66rem; font-weight:900; letter-spacing:.05em; }
.open-analysis:hover[b-agiv62rj56],.analysis-toolbar button:hover[b-agiv62rj56] { background:rgba(37,99,235,.2); }.analysis-toolbar[b-agiv62rj56] { margin-top:28px; padding:15px 18px; border:1px solid rgba(96,165,250,.23); border-radius:15px; background:rgba(11,28,43,.9); }.analysis-toolbar button[b-agiv62rj56] { margin:0; padding:0 13px; }
.match-shell[b-agiv62rj56],.analysis-card[b-agiv62rj56] { margin-top:18px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(14,35,52,.96),rgba(8,24,37,.96)); box-shadow:0 20px 50px rgba(0,0,0,.22); }
.match-metadata[b-agiv62rj56] { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 22px; padding:12px 18px; border-bottom:1px solid var(--line); color:#9fb5c5; font-size:.75rem; font-weight:750; }
.premium-badge[b-agiv62rj56] { padding:4px 8px; border:1px solid rgba(250,204,21,.28); border-radius:999px; color:#f5d76e; background:rgba(250,204,21,.08); font-size:.65rem; letter-spacing:.05em; }
.match-versus[b-agiv62rj56] { display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); gap:20px; align-items:stretch; padding:25px clamp(12px,6vw,80px); }
.team-side[b-agiv62rj56] { display:flex; flex-direction:column; align-items:center; gap:9px; min-width:0; text-align:center; }
.team-side[b-agiv62rj56]  .decision-team-logo { width:82px; height:82px; padding:5px; border:2px solid rgba(219,234,254,.8); border-radius:50%; object-fit:contain; background:#fff; box-shadow:0 15px 32px rgba(0,0,0,.32),0 0 0 5px rgba(59,130,246,.07); }
.team-side h2[b-agiv62rj56] { min-height:2.45em; display:flex; align-items:center; justify-content:center; margin:0; font-size:clamp(1rem,2.2vw,1.35rem); line-height:1.2; overflow-wrap:anywhere; }
.team-side small[b-agiv62rj56] { color:#9eb1c0; font-size:.69rem; }
.versus-divider[b-agiv62rj56] { position:relative; display:grid; place-items:center; color:#90a7b9; font-weight:950; letter-spacing:.12em; }
.versus-divider[b-agiv62rj56]:before { content:""; position:absolute; inset-block:0; left:50%; width:1px; background:linear-gradient(transparent,rgba(148,163,184,.25) 18% 82%,transparent); }
.versus-divider span[b-agiv62rj56] { position:relative; padding:8px 6px; border:1px solid var(--line); border-radius:999px; background:#0a1b29; font-size:.78rem; }
.load-badge[b-agiv62rj56],.semaphore[b-agiv62rj56],.pick-state[b-agiv62rj56],.snapshot-version[b-agiv62rj56] { display:inline-flex; align-items:center; justify-content:center; width:max-content; max-width:100%; padding:6px 9px; border:1px solid currentColor; border-radius:999px; font-size:.68rem; font-weight:900; line-height:1; white-space:nowrap; }
.load-low[b-agiv62rj56] { color:#4ade80; background:rgba(34,197,94,.08); }.load-medium[b-agiv62rj56] { color:#facc15; background:rgba(250,204,21,.08); }.load-high[b-agiv62rj56] { color:#fb923c; background:rgba(249,115,22,.08); }.load-empty[b-agiv62rj56] { color:#94a3b8; }
.optional-warning[b-agiv62rj56] { margin:0 18px 16px; padding:9px 11px; border-left:3px solid #d4a72c; color:#c5b784; background:rgba(146,104,13,.09); font-size:.76rem; }
.analysis-card[b-agiv62rj56] { padding:20px; }.section-heading[b-agiv62rj56] { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:17px; }.section-heading h2[b-agiv62rj56] { margin:.2rem 0 0; font-size:1.2rem; }.section-heading small[b-agiv62rj56] { color:var(--muted); }
.pick-overview[b-agiv62rj56] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.pick-overview>div[b-agiv62rj56],.evidence-grid>div[b-agiv62rj56] { padding:12px; border:1px solid rgba(148,163,184,.14); border-radius:11px; background:rgba(4,16,26,.42); }.pick-overview span[b-agiv62rj56],.pick-overview small[b-agiv62rj56] { display:block; color:var(--muted); font-size:.69rem; }.pick-overview strong[b-agiv62rj56] { display:block; margin:.25rem 0; overflow-wrap:anywhere; }.pick-overview .probability[b-agiv62rj56] { color:#55d7ee; font-size:1.55rem; }
.state-final[b-agiv62rj56] { color:#75df9a; }.state-preliminary[b-agiv62rj56] { color:#e7c95f; }.state-other[b-agiv62rj56] { color:#a9bac7; }
.sem-green[b-agiv62rj56] { color:#4ade80; }.sem-blue[b-agiv62rj56] { color:#60a5fa; }.sem-yellow[b-agiv62rj56] { color:#fde047; }.sem-orange[b-agiv62rj56] { color:#fb923c; }.sem-red[b-agiv62rj56] { color:#d6a0aa; }.sem-neutral[b-agiv62rj56] { color:#a8bac8; }
.analysis-columns[b-agiv62rj56] { display:grid; grid-template-columns:1fr 1.25fr; gap:14px; margin-top:14px; }.analysis-columns section[b-agiv62rj56],.risk-panel[b-agiv62rj56] { padding:15px; border:1px solid rgba(148,163,184,.14); border-radius:13px; background:rgba(6,20,31,.5); }.analysis-card h3[b-agiv62rj56] { margin:0 0 9px; color:#b9d8e9; font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; }.analysis-card p[b-agiv62rj56] { margin:0; color:#c5d3dc; line-height:1.55; }.muted[b-agiv62rj56] { color:var(--muted)!important; }
.snapshot-version[b-agiv62rj56] { margin-bottom:10px; color:#7dd3fc; }.snapshot-version.old[b-agiv62rj56] { color:#f0b86e; }.evidence-grid[b-agiv62rj56] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:13px 0 0; }.evidence-grid dt[b-agiv62rj56] { color:var(--muted); font-size:.62rem; }.evidence-grid dd[b-agiv62rj56] { margin:4px 0 0; font-weight:850; }
.risk-panel[b-agiv62rj56] { margin-top:14px; }.risk-panel ul[b-agiv62rj56] { margin:0; padding-left:1.2rem; color:#d5bd99; }.risk-panel li+li[b-agiv62rj56] { margin-top:5px; }
.premium-panel[b-agiv62rj56] { border-color:rgba(250,204,21,.2); background:linear-gradient(145deg,rgba(31,35,30,.95),rgba(9,25,36,.96)); }.pool-state[b-agiv62rj56] { padding:6px 9px; border:1px solid currentColor; border-radius:999px; font-size:.68rem; white-space:nowrap; }.pool-state.in[b-agiv62rj56]{color:#77df9b}.pool-state.out[b-agiv62rj56]{color:#a9bac7}.premium-teams[b-agiv62rj56]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:13px}.premium-teams>div[b-agiv62rj56]{min-width:190px;padding:11px 13px;border:1px solid rgba(250,204,21,.16);border-radius:11px;background:rgba(250,204,21,.05)}.premium-teams strong[b-agiv62rj56],.premium-teams small[b-agiv62rj56]{display:block}.premium-teams small[b-agiv62rj56]{margin-top:4px;color:var(--muted);font-size:.68rem}.pool-picks[b-agiv62rj56]{display:grid;gap:7px}.pool-picks>div[b-agiv62rj56]{display:grid;grid-template-columns:minmax(200px,1fr) .35fr .55fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.13);border-radius:10px;background:rgba(4,16,26,.4)}.pool-picks small[b-agiv62rj56]{display:block;margin-top:3px;color:var(--muted);font-size:.65rem}
.metrics-table[b-agiv62rj56],.alternatives-table[b-agiv62rj56] { overflow:hidden; border:1px solid rgba(148,163,184,.14); border-radius:12px; }.metrics-row[b-agiv62rj56] { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:12px; padding:10px 12px; border-top:1px solid rgba(148,163,184,.1); }.metrics-row:first-child[b-agiv62rj56] { border-top:0; }.metrics-row span[b-agiv62rj56] { color:var(--muted); }.metrics-row strong[b-agiv62rj56] { text-align:center; }.metrics-head[b-agiv62rj56] { background:rgba(37,99,235,.08); }
.alternative-row[b-agiv62rj56] { display:grid; grid-template-columns:minmax(210px,1.7fr) .65fr .8fr .65fr .9fr; gap:12px; align-items:center; padding:11px 12px; border-top:1px solid rgba(148,163,184,.1); }.alternative-row:first-child[b-agiv62rj56] { border-top:0; }.alternative-row>span[b-agiv62rj56] { min-width:0; }.alternative-row small[b-agiv62rj56] { display:block; margin-top:3px; color:var(--muted); font-size:.65rem; }.alternative-head[b-agiv62rj56] { color:var(--muted); background:rgba(37,99,235,.08); font-size:.67rem; font-weight:850; text-transform:uppercase; }
@media(max-width:1100px){.match-card-grid[b-agiv62rj56]{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-filters[b-agiv62rj56]{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.decision-filters[b-agiv62rj56]{grid-template-columns:1fr 1fr}.pick-overview[b-agiv62rj56]{grid-template-columns:1fr 1fr}.analysis-columns[b-agiv62rj56]{grid-template-columns:1fr}.evidence-grid[b-agiv62rj56]{grid-template-columns:1fr 1fr}.alternative-head[b-agiv62rj56]{display:none}.alternative-row[b-agiv62rj56]{grid-template-columns:1fr 1fr}.alternative-row>span:first-child[b-agiv62rj56]{grid-column:1/-1}}
@media(max-width:560px){.decision-page[b-agiv62rj56]{padding:12px}.decision-hero[b-agiv62rj56]{align-items:flex-start;flex-direction:column}.decision-filters[b-agiv62rj56]{grid-template-columns:1fr 1fr}.match-card-grid[b-agiv62rj56]{grid-template-columns:1fr}.analysis-toolbar[b-agiv62rj56]{align-items:flex-start}.decision-filters label:first-child[b-agiv62rj56]{grid-column:1/-1}.match-versus[b-agiv62rj56]{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:7px;padding-inline:8px}.team-side[b-agiv62rj56]  .decision-team-logo{width:62px;height:62px}.team-side h2[b-agiv62rj56]{font-size:.88rem}.load-badge[b-agiv62rj56]{font-size:.59rem;padding-inline:6px}.pick-overview[b-agiv62rj56]{grid-template-columns:1fr}.metrics-row[b-agiv62rj56]{grid-template-columns:1fr .8fr .8fr;font-size:.75rem}.analysis-card[b-agiv62rj56]{padding:14px}.section-heading[b-agiv62rj56]{flex-direction:column}.alternative-row[b-agiv62rj56],.pool-picks>div[b-agiv62rj56]{grid-template-columns:1fr}.alternative-row>span:first-child[b-agiv62rj56]{grid-column:auto}}
.form-results[b-agiv62rj56] { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; }
.selection-toolbar[b-agiv62rj56] { display:flex; flex-wrap:wrap; align-items:center; gap:12px; max-width:1320px; margin:18px auto; padding:16px; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
.selection-toolbar button[b-agiv62rj56] { min-height:44px; padding:10px 14px; border:1px solid rgba(96,165,250,.32); border-radius:9px; color:#b9dcff; background:rgba(37,99,235,.11); font-size:.72rem; font-weight:800; }
.selection-toolbar button:disabled[b-agiv62rj56] { opacity:.45; cursor:not-allowed; }
.selection-toolbar button:focus-visible[b-agiv62rj56],.pick-selector input:focus-visible[b-agiv62rj56] { outline:2px solid #62c5f4; outline-offset:3px; }
.selection-toolbar p[b-agiv62rj56] { flex-basis:100%; margin:0; }
.pick-selector[b-agiv62rj56] { display:flex; align-items:center; gap:10px; min-height:44px; padding:6px 2px; color:var(--text); font-size:.8rem; cursor:pointer; }
.pick-selector input[b-agiv62rj56] { width:20px; height:20px; accent-color:#38bdf8; }
.manual-copy[b-agiv62rj56] { width:100%; padding:12px; color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:9px; }
@media(max-width:560px) { .selection-toolbar button[b-agiv62rj56] { width:100%; } }
.metrics-row .form-result[b-agiv62rj56] { display:inline-flex; align-items:center; justify-content:center; min-width:25px; min-height:25px; padding:2px 5px; border:1px solid currentColor; border-radius:6px; font-size:.75rem; }
.metrics-row .form-win[b-agiv62rj56] { color:#4ade80; background:rgba(34,197,94,.12); }
.metrics-row .form-draw[b-agiv62rj56] { color:#facc15; background:rgba(250,204,21,.12); }
.metrics-row .form-loss[b-agiv62rj56] { color:#f87171; background:rgba(248,113,113,.12); }
.metrics-row .form-unknown[b-agiv62rj56] { color:#94a3b8; }

/* Resumen ejecutivo para pronosticar */
.executive-summary-card[b-agiv62rj56] { border-color:rgba(34,197,94,.22); background:linear-gradient(145deg,rgba(10,39,43,.96),rgba(8,24,37,.97)); }
.executive-main-pick[b-agiv62rj56] { display:flex; flex-direction:column; align-items:flex-end; gap:6px; min-width:220px; text-align:right; }
.executive-main-pick small[b-agiv62rj56] { color:var(--muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }
.executive-main-pick strong[b-agiv62rj56] { color:#eafff3; font-size:.95rem; }
.executive-summary-grid[b-agiv62rj56] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.executive-summary-item[b-agiv62rj56] { min-height:112px; padding:14px; border:1px solid rgba(148,163,184,.14); border-radius:12px; background:rgba(4,16,26,.46); }
.executive-summary-item>span:first-child[b-agiv62rj56] { display:block; margin-bottom:8px; color:#69d7ab; font-size:.65rem; font-weight:900; letter-spacing:.08em; }
.executive-summary-item strong[b-agiv62rj56] { display:block; color:#edf9ff; line-height:1.45; }
.executive-summary-item p[b-agiv62rj56] { color:#c7d7df; font-size:.82rem; line-height:1.5; }
.executive-summary-item small[b-agiv62rj56] { display:block; margin-top:7px; color:var(--muted); font-size:.67rem; }
.executive-summary-wide[b-agiv62rj56] { grid-column:1/-1; min-height:auto; }
.executive-markets[b-agiv62rj56] { margin-top:16px; padding-top:15px; border-top:1px solid rgba(148,163,184,.13); }
.executive-market-grid[b-agiv62rj56] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.executive-market-grid article[b-agiv62rj56] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; align-items:center; padding:12px; border:1px solid rgba(148,163,184,.13); border-radius:11px; background:rgba(5,18,28,.5); }
.executive-market-grid article>span:first-child[b-agiv62rj56] { font-weight:800; overflow-wrap:anywhere; }
.executive-market-grid article>strong[b-agiv62rj56] { color:#55d7ee; font-size:1.08rem; text-align:right; }
.executive-market-grid article>small[b-agiv62rj56] { color:var(--muted); font-size:.64rem; }
.executive-market-grid article>.semaphore[b-agiv62rj56] { justify-self:end; }
.executive-risk-summary[b-agiv62rj56] { margin-top:16px; padding:14px 15px; border:1px solid rgba(251,146,60,.2); border-radius:12px; background:rgba(124,45,18,.08); }
.executive-risk-summary ul[b-agiv62rj56] { margin:0; padding-left:1.2rem; color:#ddc8ab; }
.executive-risk-summary li+li[b-agiv62rj56] { margin-top:5px; }
@media(max-width:900px){.executive-summary-grid[b-agiv62rj56],.executive-market-grid[b-agiv62rj56]{grid-template-columns:1fr 1fr}.executive-main-pick[b-agiv62rj56]{align-items:flex-start;text-align:left;min-width:0}}
@media(max-width:560px){.executive-summary-grid[b-agiv62rj56],.executive-market-grid[b-agiv62rj56]{grid-template-columns:1fr}.executive-summary-wide[b-agiv62rj56]{grid-column:auto}}

/* Resumen del partido en 6 bloques */
.decision-summary-narrative[b-agiv62rj56] { margin-bottom:14px; padding:15px 16px; border-left:4px solid #38bdf8; border-radius:10px; background:rgba(14,116,144,.08); }
.decision-summary-narrative strong[b-agiv62rj56] { display:block; margin-bottom:7px; color:#f4fbff; font-size:.95rem; }
.decision-summary-narrative p[b-agiv62rj56] { color:#d7e5ed; font-size:.86rem; line-height:1.62; }
.decision-six-grid[b-agiv62rj56] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.decision-six-card[b-agiv62rj56] { min-height:150px; padding:15px; border:1px solid rgba(148,163,184,.15); border-radius:12px; background:rgba(4,16,26,.48); }
.decision-six-card>span:first-child[b-agiv62rj56] { display:block; margin-bottom:7px; color:#6dd5ae; font-size:.64rem; font-weight:900; letter-spacing:.09em; }
.decision-six-card h3[b-agiv62rj56] { margin:0 0 8px; color:#eff8fd; font-size:.9rem; text-transform:none; letter-spacing:0; }
.decision-six-card p[b-agiv62rj56] { color:#c9d8e1; font-size:.8rem; line-height:1.55; }
.decision-six-card-markets[b-agiv62rj56] { grid-column:1/-1; }
.decision-market-list[b-agiv62rj56] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.decision-market-row[b-agiv62rj56] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; align-items:center; padding:10px 11px; border:1px solid rgba(148,163,184,.12); border-radius:10px; background:rgba(5,18,28,.55); }
.decision-market-row strong[b-agiv62rj56] { overflow-wrap:anywhere; }
.decision-market-row>span:not(.semaphore)[b-agiv62rj56] { color:#55d7ee; font-size:1.02rem; font-weight:900; text-align:right; }
.decision-market-row small[b-agiv62rj56] { color:var(--muted); font-size:.63rem; }
.decision-market-row>.semaphore[b-agiv62rj56] { justify-self:end; }
.decision-summary-footer[b-agiv62rj56] { display:grid; gap:7px; margin-top:14px; padding:13px 15px; border:1px solid rgba(96,165,250,.16); border-radius:11px; background:rgba(37,99,235,.06); color:#cbdce6; font-size:.77rem; line-height:1.5; }
.decision-summary-footer strong[b-agiv62rj56] { color:#f1f8fc; }
@media(max-width:900px){.decision-six-grid[b-agiv62rj56]{grid-template-columns:1fr}.decision-six-card-markets[b-agiv62rj56]{grid-column:auto}.decision-market-list[b-agiv62rj56]{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.decision-market-list[b-agiv62rj56]{grid-template-columns:1fr}}
/* /Components/Pages/CerrarTorneoV3.razor.rz.scp.css */
.cierre-page[b-pun76bpvri] {
    max-width: 1500px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.cierre-hero[b-pun76bpvri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.35rem 1.5rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #102a43, #173f5f);
    color: #fff;
    box-shadow: 0 12px 28px rgba(11, 36, 57, .18);
}

.cierre-hero h1[b-pun76bpvri] {
    margin: .15rem 0 .35rem;
    font-size: 1.8rem;
}

.cierre-hero p[b-pun76bpvri] {
    margin: 0;
    color: rgba(255, 255, 255, .82);
}

.cierre-kicker[b-pun76bpvri] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    color: #8dd8ff;
}

.cierre-hero-links[b-pun76bpvri] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.cierre-card[b-pun76bpvri] {
    border: 1px solid #dbe5ef;
    border-radius: .9rem;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(26, 54, 78, .07);
}

.cierre-card > .card-header[b-pun76bpvri] {
    padding: .9rem 1.1rem;
    background: #f4f8fb;
    border-bottom: 1px solid #dbe5ef;
}

.cierre-danger-card[b-pun76bpvri] {
    border-color: #efb4b4;
}

.cierre-danger-card > .card-header[b-pun76bpvri] {
    background: #fff1f1;
    color: #9d1c1c;
}

.cierre-resumen-grid[b-pun76bpvri] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
}

.cierre-stat[b-pun76bpvri] {
    display: flex;
    flex-direction: column;
    min-height: 105px;
    padding: 1rem;
    border: 1px solid #dbe5ef;
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 6px 18px rgba(26, 54, 78, .06);
}

.cierre-stat-label[b-pun76bpvri] {
    margin-bottom: .35rem;
    color: #6b7d8f;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.cierre-stat strong[b-pun76bpvri] {
    color: #17324d;
    font-size: 1.15rem;
}

.cierre-stat small[b-pun76bpvri] {
    margin-top: auto;
    color: #73869a;
}

.cierre-table th[b-pun76bpvri] {
    color: #53697d;
    font-size: .78rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.cierre-table td[b-pun76bpvri] {
    font-size: 1rem;
}

.cierre-simulacion[b-pun76bpvri] {
    padding: 1rem;
    border: 1px solid #b7d5f0;
    border-radius: .8rem;
    background: #f2f8fd;
}

.cierre-simulacion-title[b-pun76bpvri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #174b78;
    font-weight: 800;
}

.cierre-simulacion-name[b-pun76bpvri] {
    margin-top: .35rem;
    color: #1f3f5b;
    font-size: 1.05rem;
    font-weight: 700;
}

.cierre-simulacion-meta[b-pun76bpvri] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    margin-top: .6rem;
    color: #587087;
    font-size: .85rem;
}

.cierre-loading[b-pun76bpvri],
.cierre-empty[b-pun76bpvri] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: 2.5rem 1rem;
    border: 1px dashed #b8c8d8;
    border-radius: .9rem;
    background: #f8fafc;
    color: #66798d;
}

.cierre-empty[b-pun76bpvri] {
    flex-direction: column;
    text-align: center;
}

.cierre-empty h2[b-pun76bpvri],
.cierre-empty p[b-pun76bpvri] {
    margin: 0;
}

.cierre-empty-icon[b-pun76bpvri] {
    font-size: 2.2rem;
}

.cierre-reabrir-box[b-pun76bpvri] {
    border: 1px solid #edc98f;
    border-radius: .75rem;
    background: #fffaf0;
}

.cierre-reabrir-box > summary[b-pun76bpvri] {
    cursor: pointer;
    padding: .9rem 1rem;
    color: #805b14;
    font-weight: 800;
}

.cierre-reabrir-content[b-pun76bpvri] {
    padding: 0 1rem 1rem;
}

@media (max-width: 991.98px) {
    .cierre-hero[b-pun76bpvri] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cierre-resumen-grid[b-pun76bpvri] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .cierre-resumen-grid[b-pun76bpvri] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CorrelacionConcentracionPicksV3.razor.rz.scp.css */
.corr-page[b-vy8hzu14o2]{--bg:#061321;--panel:#0a1e31;--border:rgba(108,171,214,.18);--text:#edf8ff;--muted:#8da7b9;--blue:#3f91ff;--green:#38da83;--cyan:#24c8db;--gold:#f4be45;--purple:#a675ff;--red:#ff6575;min-height:100vh;margin:-1.5rem;padding:1.35rem;color:var(--text);background:radial-gradient(circle at 86% 0%,rgba(255,101,117,.12),transparent 30%),linear-gradient(145deg,#04101b,#071a2a 58%,#061321);font-family:Inter,"Segoe UI",sans-serif}.corr-header[b-vy8hzu14o2]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.corr-logo[b-vy8hzu14o2]{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,101,117,.45);border-radius:18px;color:#ffb7c0;background:rgba(255,101,117,.08);font-size:.75rem;font-weight:900}.corr-header h1[b-vy8hzu14o2]{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem)}.corr-header p[b-vy8hzu14o2]{margin:.2rem 0 0;color:var(--muted)}.corr-alert[b-vy8hzu14o2]{margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid;border-radius:12px}.corr-alert.ok[b-vy8hzu14o2]{color:#c8f7dc;border-color:rgba(56,218,131,.35);background:rgba(56,218,131,.08)}.corr-alert.error[b-vy8hzu14o2]{color:#ffd4da;border-color:rgba(255,101,117,.4);background:rgba(255,101,117,.08)}.corr-filters[b-vy8hzu14o2]{display:grid;grid-template-columns:.8fr .95fr 1.15fr .8fr .8fr .72fr auto;gap:.68rem;padding:.84rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:15px;background:rgba(8,27,44,.9)}.corr-filters label[b-vy8hzu14o2]{display:grid;gap:.3rem;min-width:0}.corr-filters span[b-vy8hzu14o2]{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.055em}.corr-filters select[b-vy8hzu14o2],.corr-filters input[b-vy8hzu14o2]{width:100%;min-height:41px;padding:.52rem .6rem;color:var(--text);border:1px solid rgba(116,170,210,.23);border-radius:9px;background:#081827;outline:none}.corr-filters select:focus[b-vy8hzu14o2],.corr-filters input:focus[b-vy8hzu14o2]{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,101,117,.09)}.corr-run[b-vy8hzu14o2]{align-self:end;min-height:41px;padding:.56rem .9rem;color:#21080c;border:0;border-radius:9px;background:linear-gradient(135deg,#ff9aa6,#ff6575);font-weight:850;cursor:pointer;white-space:nowrap}.corr-run:disabled[b-vy8hzu14o2]{opacity:.5;cursor:not-allowed}.corr-context[b-vy8hzu14o2]{display:flex;align-items:center;gap:2rem;padding:.7rem 1rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:12px;background:rgba(9,29,47,.8)}.corr-context>div:not(.corr-context-note)[b-vy8hzu14o2]{display:grid;gap:.05rem}.corr-context span[b-vy8hzu14o2]{color:var(--muted);font-size:.64rem;text-transform:uppercase}.corr-context-note[b-vy8hzu14o2]{margin-left:auto;padding:.4rem .7rem;color:#ffd0d6;border:1px solid rgba(255,101,117,.25);border-radius:999px;background:rgba(255,101,117,.06);font-size:.64rem}.corr-kpis[b-vy8hzu14o2]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.corr-kpi[b-vy8hzu14o2]{position:relative;overflow:hidden;min-height:113px;padding:.82rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(14,40,62,.94),rgba(7,24,39,.96))}.corr-kpi[b-vy8hzu14o2]:after{position:absolute;inset:auto -15% -70% 20%;height:110px;content:"";border-radius:50%;filter:blur(28px);opacity:.2}.corr-kpi.blue[b-vy8hzu14o2]:after{background:var(--blue)}.corr-kpi.cyan[b-vy8hzu14o2]:after{background:var(--cyan)}.corr-kpi.gold[b-vy8hzu14o2]:after{background:var(--gold)}.corr-kpi.purple[b-vy8hzu14o2]:after{background:var(--purple)}.corr-kpi.red[b-vy8hzu14o2]:after{background:var(--red)}.corr-kpi.green[b-vy8hzu14o2]:after{background:var(--green)}.corr-kpi span[b-vy8hzu14o2],.corr-kpi strong[b-vy8hzu14o2],.corr-kpi small[b-vy8hzu14o2]{display:block}.corr-kpi span[b-vy8hzu14o2]{color:var(--muted);font-size:.63rem;text-transform:uppercase}.corr-kpi strong[b-vy8hzu14o2]{margin-top:.3rem;font-size:1.5rem}.corr-kpi small[b-vy8hzu14o2]{margin-top:.4rem;color:#a5bece;font-size:.61rem}.corr-grid[b-vy8hzu14o2]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:.85rem;margin-bottom:.85rem}.corr-panel[b-vy8hzu14o2]{overflow:hidden;padding:.92rem;border:1px solid var(--border);border-radius:15px;background:linear-gradient(150deg,rgba(10,31,50,.96),rgba(7,22,37,.97));box-shadow:0 18px 40px rgba(0,0,0,.14)}.panel-title[b-vy8hzu14o2]{margin-bottom:.8rem}.panel-title span[b-vy8hzu14o2]{color:var(--red);font-size:.59rem;font-weight:850;letter-spacing:.12em}.panel-title h2[b-vy8hzu14o2]{margin:.08rem 0 0;font-size:1rem}.panel-title p[b-vy8hzu14o2]{margin:.22rem 0 0;color:var(--muted);font-size:.66rem}.exposure-list[b-vy8hzu14o2]{display:grid;gap:.55rem;max-height:720px;overflow:auto;padding-right:.15rem}.exposure-card[b-vy8hzu14o2]{border:1px solid rgba(116,170,210,.14);border-left:4px solid var(--green);border-radius:12px;background:rgba(5,19,32,.55)}.exposure-card.medium[b-vy8hzu14o2]{border-left-color:var(--gold)}.exposure-card.high[b-vy8hzu14o2]{border-left-color:var(--red)}.exposure-card summary[b-vy8hzu14o2]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.68rem .75rem;cursor:pointer;list-style:none}.exposure-card summary[b-vy8hzu14o2]::-webkit-details-marker{display:none}.exposure-match[b-vy8hzu14o2]{display:grid;gap:.1rem}.exposure-match strong[b-vy8hzu14o2]{font-size:.75rem}.exposure-match span[b-vy8hzu14o2]{font-size:.58rem;text-transform:none}.exposure-score[b-vy8hzu14o2]{text-align:right}.exposure-score span[b-vy8hzu14o2],.exposure-score strong[b-vy8hzu14o2]{display:block}.exposure-score span[b-vy8hzu14o2]{font-size:.57rem}.exposure-score strong[b-vy8hzu14o2]{font-size:.92rem}.exposure-detail[b-vy8hzu14o2]{padding:.72rem;border-top:1px solid rgba(116,170,210,.1)}.family-bars[b-vy8hzu14o2]{display:grid;gap:.4rem}.family-row[b-vy8hzu14o2]{display:grid;grid-template-columns:105px 1fr 30px;align-items:center;gap:.5rem;font-size:.62rem}.family-row>div[b-vy8hzu14o2]{height:7px;border-radius:999px;background:rgba(116,170,210,.13)}.family-row i[b-vy8hzu14o2]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f91ff,#a675ff)}.family-row strong[b-vy8hzu14o2]{text-align:right}.selection-list[b-vy8hzu14o2]{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.65rem}.selection-chip[b-vy8hzu14o2]{padding:.3rem .45rem;color:#c5dbeb;border:1px solid rgba(63,145,255,.18);border-radius:7px;background:rgba(63,145,255,.055);font-size:.59rem;text-transform:none}.selection-chip b[b-vy8hzu14o2]{color:#92c3ff}.contradiction-box[b-vy8hzu14o2]{margin-top:.65rem;padding:.58rem;border:1px solid rgba(255,101,117,.25);border-radius:9px;background:rgba(255,101,117,.06)}.contradiction-box strong[b-vy8hzu14o2]{font-size:.68rem}.contradiction-box p[b-vy8hzu14o2]{margin:.28rem 0 0;color:#ffc2ca;font-size:.61rem}.exposure-reading[b-vy8hzu14o2]{margin:.65rem 0 0;color:#b7ccd9;font-size:.64rem;line-height:1.45}.risk-guide[b-vy8hzu14o2]{display:grid;gap:.5rem}.risk-guide div[b-vy8hzu14o2]{display:grid;gap:.15rem;padding:.65rem;border:1px solid;border-radius:10px}.risk-guide strong[b-vy8hzu14o2]{font-size:.74rem}.risk-guide span[b-vy8hzu14o2]{font-size:.61rem;text-transform:none}.risk-guide .low[b-vy8hzu14o2]{color:#bdf3d2;border-color:rgba(56,218,131,.25);background:rgba(56,218,131,.05)}.risk-guide .medium[b-vy8hzu14o2]{color:#ffe2a0;border-color:rgba(244,190,69,.25);background:rgba(244,190,69,.05)}.risk-guide .high[b-vy8hzu14o2]{color:#ffc3cb;border-color:rgba(255,101,117,.25);background:rgba(255,101,117,.05)}.guide-note[b-vy8hzu14o2]{margin-top:.7rem;padding:.65rem;border:1px solid rgba(166,117,255,.2);border-radius:10px;background:rgba(166,117,255,.05)}.guide-note strong[b-vy8hzu14o2]{font-size:.7rem}.guide-note p[b-vy8hzu14o2]{margin:.3rem 0 0;color:#baaed1;font-size:.62rem;line-height:1.5}.history-panel[b-vy8hzu14o2]{margin-bottom:.85rem}.table-scroll[b-vy8hzu14o2]{max-height:620px;overflow:auto}.history-panel table[b-vy8hzu14o2]{width:100%;border-collapse:collapse;font-size:.68rem}.history-panel th[b-vy8hzu14o2]{position:sticky;top:0;padding:.55rem .48rem;color:#87a4b8;text-align:left;text-transform:uppercase;background:#0a2135;border-bottom:1px solid rgba(116,170,210,.18);font-size:.57rem}.history-panel td[b-vy8hzu14o2]{padding:.52rem .48rem;border-bottom:1px solid rgba(116,170,210,.08)}.corr-value[b-vy8hzu14o2]{display:inline-block;min-width:52px;padding:.25rem .4rem;text-align:center;border-radius:7px;font-weight:800}.corr-value.high[b-vy8hzu14o2]{color:#ffc1c9;background:rgba(255,101,117,.1)}.corr-value.medium[b-vy8hzu14o2]{color:#ffe0a0;background:rgba(244,190,69,.1)}.corr-value.negative[b-vy8hzu14o2]{color:#d8c8ff;background:rgba(166,117,255,.1)}.corr-value.low[b-vy8hzu14o2]{color:#b5d9f5;background:rgba(63,145,255,.08)}.panel-empty[b-vy8hzu14o2]{display:grid;place-items:center;min-height:190px;color:var(--muted);text-align:center}.corr-empty[b-vy8hzu14o2]{display:grid;place-items:center;min-height:470px;padding:2rem;text-align:center;border:1px dashed rgba(102,170,216,.28);border-radius:18px;background:rgba(7,24,39,.72)}.corr-empty-icon[b-vy8hzu14o2]{color:var(--red);font-size:3.4rem}.corr-empty p[b-vy8hzu14o2]{max-width:650px;color:var(--muted)}.corr-loader[b-vy8hzu14o2]{width:52px;height:52px;border:5px solid rgba(255,101,117,.18);border-top-color:var(--red);border-radius:50%;animation:corr-spin-b-vy8hzu14o2 1s linear infinite}@keyframes corr-spin-b-vy8hzu14o2{to{transform:rotate(360deg)}}@media(max-width:1350px){.corr-filters[b-vy8hzu14o2]{grid-template-columns:repeat(4,1fr)}.corr-kpis[b-vy8hzu14o2]{grid-template-columns:repeat(3,1fr)}}@media(max-width:930px){.corr-grid[b-vy8hzu14o2]{grid-template-columns:1fr}.corr-filters[b-vy8hzu14o2]{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.corr-page[b-vy8hzu14o2]{margin:-.75rem;padding:.75rem}.corr-filters[b-vy8hzu14o2]{grid-template-columns:1fr}.corr-kpis[b-vy8hzu14o2]{grid-template-columns:repeat(2,1fr)}.corr-context[b-vy8hzu14o2]{align-items:flex-start;flex-direction:column;gap:.5rem}.corr-context-note[b-vy8hzu14o2]{margin-left:0}.exposure-card summary[b-vy8hzu14o2]{align-items:flex-start;flex-direction:column}.exposure-score[b-vy8hzu14o2]{text-align:left}.family-row[b-vy8hzu14o2]{grid-template-columns:80px 1fr 25px}}

.v4-only-badge[b-vy8hzu14o2] { font-size: .62rem; font-weight: 800; letter-spacing: .08em; vertical-align: middle; border: 1px solid rgba(62, 213, 187, .6); border-radius: 999px; padding: .18rem .45rem; color: #65e7cf; white-space: nowrap; }
/* /Components/Pages/DashboardDiario.razor.rz.scp.css */
.diario-page[b-w3ipqhnjnd] { padding-bottom: 1rem; }
.diario-head[b-w3ipqhnjnd] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.diario-head h1[b-w3ipqhnjnd] { margin:0; font-size:1.8rem; font-weight:800; color:#172033; }
.diario-head p[b-w3ipqhnjnd] { margin:.3rem 0 0; color:#687386; }
.diario-head-actions[b-w3ipqhnjnd] { display:flex; flex-wrap:wrap; gap:.5rem; }
.diario-filter-card[b-w3ipqhnjnd] { border:0; }
.diario-kpis[b-w3ipqhnjnd] { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:.75rem; }
.diario-kpi[b-w3ipqhnjnd] { min-height:112px; padding:1rem; border:1px solid #e4e9f1; border-top:4px solid #64748b; border-radius:.8rem; background:#fff; box-shadow:0 .2rem .8rem rgba(22,32,51,.06); display:flex; flex-direction:column; }
.diario-kpi span[b-w3ipqhnjnd] { color:#677286; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.025em; }
.diario-kpi strong[b-w3ipqhnjnd] { color:#172033; font-size:1.85rem; line-height:1.15; margin:.3rem 0; }
.diario-kpi small[b-w3ipqhnjnd] { color:#7a8496; }
.diario-kpi.kpi-green[b-w3ipqhnjnd] { border-top-color:#198754; }
.diario-kpi.kpi-orange[b-w3ipqhnjnd] { border-top-color:#fd7e14; }
.diario-kpi.kpi-purple[b-w3ipqhnjnd] { border-top-color:#6f42c1; }
.diario-kpi.kpi-red[b-w3ipqhnjnd] { border-top-color:#dc3545; }
.diario-kpi.kpi-blue[b-w3ipqhnjnd] { border-top-color:#0d6efd; }
.diario-actions[b-w3ipqhnjnd] { display:flex; flex-direction:column; }
.diario-action[b-w3ipqhnjnd] { border:0; border-bottom:1px solid #edf0f5; background:#fff; display:grid; grid-template-columns:55px minmax(0, 1fr) auto; gap:.7rem; align-items:center; width:100%; padding:.85rem 1rem; text-align:left; }
.diario-action:last-child[b-w3ipqhnjnd] { border-bottom:0; }
.diario-action:hover[b-w3ipqhnjnd] { background:#f8fafc; }
.diario-action-number[b-w3ipqhnjnd] { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-weight:900; background:#eef2f7; color:#334155; }
.diario-action-copy[b-w3ipqhnjnd] { display:flex; flex-direction:column; min-width:0; }
.diario-action-copy strong[b-w3ipqhnjnd] { color:#1f2937; }
.diario-action-copy small[b-w3ipqhnjnd] { color:#6b7280; }
.diario-action-go[b-w3ipqhnjnd] { font-size:.78rem; font-weight:800; color:#0d6efd; }
.diario-action.action-danger .diario-action-number[b-w3ipqhnjnd] { background:#fdebec; color:#b4232f; }
.diario-action.action-warning .diario-action-number[b-w3ipqhnjnd] { background:#fff1d7; color:#a75b00; }
.diario-action.action-primary .diario-action-number[b-w3ipqhnjnd] { background:#e7f0ff; color:#0d6efd; }
.diario-action.action-ok .diario-action-number[b-w3ipqhnjnd] { background:#e7f6ed; color:#198754; }
.diario-action.action-muted .diario-action-number[b-w3ipqhnjnd] { background:#f0f1f3; color:#6c757d; }
.diario-games-wrap[b-w3ipqhnjnd] { max-height:420px; overflow:auto; }
.diario-match-mini[b-w3ipqhnjnd] { display:grid; grid-template-columns:30px minmax(150px,1fr) 30px; align-items:center; gap:.45rem; min-width:235px; }
.diario-match-mini span[b-w3ipqhnjnd] { display:flex; flex-direction:column; min-width:0; }
.diario-match-mini small[b-w3ipqhnjnd] { color:#6c757d; }
.diario-picks-wrap[b-w3ipqhnjnd] { max-height:680px; overflow:auto; }
.diario-picks-table thead th[b-w3ipqhnjnd] { position:sticky; top:0; z-index:2; white-space:nowrap; }
.diario-pick-match[b-w3ipqhnjnd] { min-width:270px; display:grid; grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr); align-items:center; gap:.4rem; }
.diario-pick-match > span[b-w3ipqhnjnd] { display:flex; align-items:center; gap:.35rem; min-width:0; }
.diario-pick-match > small[b-w3ipqhnjnd] { color:#6c757d; font-weight:800; text-align:center; }

@media (max-width: 1200px) {
    .diario-kpis[b-w3ipqhnjnd] { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .diario-head[b-w3ipqhnjnd] { flex-direction:column; }
    .diario-head-actions[b-w3ipqhnjnd] { width:100%; }
    .diario-head-actions .btn[b-w3ipqhnjnd] { flex:1; }
    .diario-kpis[b-w3ipqhnjnd] { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .diario-kpis[b-w3ipqhnjnd] { grid-template-columns:1fr; }
}
/* /Components/Pages/DashboardH2HClienteV3.razor.rz.scp.css */
.h2h-dashboard[b-fb2jt59nu4] {
    --bg: #061321;
    --panel: #0a1b2c;
    --panel-2: #0c2236;
    --border: rgba(105, 171, 220, .18);
    --text: #ecf8ff;
    --muted: #8ca5b9;
    --green: #35da78;
    --blue: #2d8cff;
    --cyan: #15bfe8;
    --yellow: #f4bc3d;
    --purple: #aa63ff;
    --red: #ff4f62;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.35rem;
    color: var(--text);
    background:
        radial-gradient(circle at 82% 0%, rgba(33, 108, 155, .2), transparent 30%),
        radial-gradient(circle at 8% 34%, rgba(53, 218, 120, .08), transparent 24%),
        linear-gradient(145deg, #04101c 0%, #071827 58%, #061321 100%);
    font-family: Inter, "Segoe UI", sans-serif;
}

.h2h-header[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.h2h-brand[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 220px;
}

.h2h-logo[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(53, 218, 120, .75);
    border-radius: 17px;
    color: var(--green);
    background: rgba(53, 218, 120, .08);
    box-shadow: 0 0 25px rgba(53, 218, 120, .16);
    font-size: .95rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.h2h-brand strong[b-fb2jt59nu4],
.h2h-brand span[b-fb2jt59nu4] { display: block; }
.h2h-brand strong[b-fb2jt59nu4] { letter-spacing: .08em; }
.h2h-brand span[b-fb2jt59nu4] { color: var(--muted); font-size: .72rem; }
.h2h-header-copy h1[b-fb2jt59nu4] { margin: 0; font-size: clamp(1.6rem, 2.6vw, 2.25rem); }
.h2h-header-copy p[b-fb2jt59nu4] { margin: .2rem 0 0; color: var(--muted); }

.h2h-alert[b-fb2jt59nu4] {
    margin-bottom: .8rem;
    padding: .75rem 1rem;
    border: 1px solid;
    border-radius: 12px;
}
.h2h-alert.ok[b-fb2jt59nu4] { color: #baf8d2; border-color: rgba(53, 218, 120, .35); background: rgba(53, 218, 120, .1); }
.h2h-alert.error[b-fb2jt59nu4] { color: #ffd1d6; border-color: rgba(255, 79, 98, .4); background: rgba(255, 79, 98, .1); }

.h2h-filters[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: .8fr 1fr 1.2fr .9fr 1.7fr 1fr .85fr auto;
    gap: .7rem;
    padding: .85rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: rgba(8, 26, 43, .9);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.h2h-filters label[b-fb2jt59nu4] { display: grid; gap: .35rem; min-width: 0; }
.h2h-filters label span[b-fb2jt59nu4] { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.h2h-filters select[b-fb2jt59nu4] {
    width: 100%;
    min-height: 42px;
    padding: .55rem .65rem;
    color: var(--text);
    border: 1px solid rgba(116, 170, 210, .24);
    border-radius: 9px;
    background: #081827;
    outline: none;
}
.h2h-filters select:focus[b-fb2jt59nu4] { border-color: var(--green); box-shadow: 0 0 0 3px rgba(53, 218, 120, .1); }

/* Estado visual de Torneos y Jornadas.
   Blanco = abierto / todavía tiene partidos pendientes.
   Gris = torneo cerrado / jornada sin partidos pendientes. */
.h2h-filters select.selector-abierto[b-fb2jt59nu4] {
    color: #f4f8fb;
}
.h2h-filters select.selector-cerrado[b-fb2jt59nu4] {
    color: #7f8c97;
}
.h2h-filters select option.opcion-abierta[b-fb2jt59nu4] {
    color: #f4f8fb;
    background: #081827;
}
.h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] {
    color: #75818c;
    background: #081827;
}

.h2h-refresh[b-fb2jt59nu4] {
    align-self: end;
    min-height: 42px;
    padding: .6rem 1rem;
    color: #04140c;
    font-weight: 800;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #4bea8c, #20be68);
    cursor: pointer;
    white-space: nowrap;
}
.h2h-refresh:disabled[b-fb2jt59nu4] { opacity: .5; cursor: not-allowed; }

.h2h-empty[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    min-height: 480px;
    padding: 2rem;
    text-align: center;
    border: 1px dashed rgba(102, 170, 216, .28);
    border-radius: 18px;
    background: rgba(7, 24, 39, .72);
}
.h2h-empty > div:first-child:not(.h2h-loader)[b-fb2jt59nu4] { font-size: 3.5rem; }
.h2h-empty h2[b-fb2jt59nu4] { margin-bottom: .25rem; }
.h2h-empty p[b-fb2jt59nu4] { max-width: 650px; color: var(--muted); }
.h2h-loader[b-fb2jt59nu4] { width: 52px; height: 52px; border: 5px solid rgba(45, 140, 255, .2); border-top-color: var(--blue); border-radius: 50%; animation: h2h-spin-b-fb2jt59nu4 1s linear infinite; }
@keyframes h2h-spin-b-fb2jt59nu4 { to { transform: rotate(360deg); } }

.match-hero[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin-bottom: .75rem;
    border: 1px solid var(--border);
    border-radius: 17px;
    background:
        linear-gradient(90deg, rgba(53, 218, 120, .08), transparent 38%),
        linear-gradient(270deg, rgba(45, 140, 255, .08), transparent 38%),
        rgba(8, 27, 44, .92);
}
.team-side[b-fb2jt59nu4] { display: flex; align-items: center; gap: .9rem; }
.visitor-team[b-fb2jt59nu4] { justify-content: flex-end; text-align: right; }
.team-avatar[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border: 1px solid rgba(90, 173, 225, .35);
    border-radius: 50%;
    background: rgba(24, 78, 116, .28);
    box-shadow: inset 0 0 20px rgba(45, 140, 255, .12);
    font-weight: 900;
}
.local-team .team-avatar[b-fb2jt59nu4] { color: var(--green); border-color: rgba(53, 218, 120, .4); }
.visitor-team .team-avatar[b-fb2jt59nu4] { color: var(--blue); }
.team-side span[b-fb2jt59nu4] { color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.team-side h2[b-fb2jt59nu4] { margin: .08rem 0; font-size: clamp(1.1rem, 2vw, 1.65rem); }
.team-side small[b-fb2jt59nu4] { color: #a8c0d0; }
.match-center[b-fb2jt59nu4] { min-width: 230px; text-align: center; }
.match-center > strong[b-fb2jt59nu4] { display: block; margin: .25rem 0; color: #d9eaf5; font-size: 1.55rem; }
.match-center > div[b-fb2jt59nu4] { font-weight: 700; }
.match-center small[b-fb2jt59nu4] { display: block; margin-top: .2rem; color: var(--muted); }
.match-jornada[b-fb2jt59nu4] { display: inline-flex; padding: .28rem .62rem; color: #c8f8d9; border: 1px solid rgba(53, 218, 120, .3); border-radius: 999px; background: rgba(53, 218, 120, .08); font-size: .72rem; }

.scope-ribbon[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: .7rem 1rem;
    margin-bottom: .8rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(9, 29, 47, .8);
}
.scope-ribbon > div:not(.scope-note)[b-fb2jt59nu4] { display: grid; gap: .08rem; }
.scope-ribbon span[b-fb2jt59nu4] { color: var(--muted); font-size: .67rem; text-transform: uppercase; }
.scope-note[b-fb2jt59nu4] { margin-left: auto; padding: .38rem .65rem; color: #b9d9ec; border: 1px solid rgba(21, 191, 232, .28); border-radius: 999px; background: rgba(21, 191, 232, .08); font-size: .7rem; }

.h2h-kpis[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}
.h2h-kpi[b-fb2jt59nu4] {
    position: relative;
    overflow: hidden;
    min-height: 116px;
    padding: .85rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(14, 40, 62, .94), rgba(7, 24, 39, .96));
}
.h2h-kpi[b-fb2jt59nu4]::after { position: absolute; inset: auto -18% -62% 20%; height: 100px; content: ""; border-radius: 50%; filter: blur(30px); opacity: .18; }
.h2h-kpi.green[b-fb2jt59nu4]::after { background: var(--green); }
.h2h-kpi.yellow[b-fb2jt59nu4]::after { background: var(--yellow); }
.h2h-kpi.blue[b-fb2jt59nu4]::after { background: var(--blue); }
.h2h-kpi.cyan[b-fb2jt59nu4]::after { background: var(--cyan); }
.h2h-kpi.purple[b-fb2jt59nu4]::after { background: var(--purple); }
.h2h-kpi.red[b-fb2jt59nu4]::after { background: var(--red); }
.h2h-kpi span[b-fb2jt59nu4] { display: block; min-height: 32px; color: var(--muted); font-size: .68rem; text-transform: uppercase; }
.h2h-kpi strong[b-fb2jt59nu4] { display: block; margin-top: .15rem; font-size: 1.45rem; }
.h2h-kpi small[b-fb2jt59nu4] { display: block; margin-top: .38rem; color: #a7c0d0; font-size: .66rem; }

.h2h-main-grid[b-fb2jt59nu4] { display: grid; grid-template-columns: minmax(360px, .78fr) minmax(720px, 1.52fr); gap: .85rem; margin-bottom: .85rem; }
.h2h-bottom-grid[b-fb2jt59nu4] { display: grid; grid-template-columns: minmax(360px, .8fr) minmax(620px, 1.2fr); gap: .85rem; }
.h2h-panel[b-fb2jt59nu4] {
    overflow: hidden;
    padding: .95rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(10, 31, 50, .96), rgba(7, 22, 37, .97));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}
.panel-heading[b-fb2jt59nu4] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .8rem; }
.wrap-heading[b-fb2jt59nu4] { flex-wrap: wrap; }
.panel-kicker[b-fb2jt59nu4] { color: var(--green); font-size: .61rem; font-weight: 800; letter-spacing: .12em; }
.panel-heading h2[b-fb2jt59nu4] { margin: .1rem 0 0; font-size: 1rem; }
.panel-heading p[b-fb2jt59nu4] { margin: .25rem 0 0; color: var(--muted); font-size: .72rem; }
.panel-badge[b-fb2jt59nu4] { padding: .25rem .55rem; color: #a9cce0; border: 1px solid var(--border); border-radius: 999px; font-size: .65rem; }
.panel-empty[b-fb2jt59nu4] { display: grid; place-items: center; min-height: 190px; color: var(--muted); text-align: center; }

.donut-layout[b-fb2jt59nu4] { display: grid; grid-template-columns: 160px 1fr; align-items: center; gap: 1rem; min-height: 225px; }
.result-donut[b-fb2jt59nu4] { display: grid; place-items: center; width: 150px; height: 150px; margin: auto; border-radius: 50%; box-shadow: 0 0 30px rgba(45, 140, 255, .12); }
.result-donut[b-fb2jt59nu4]::before { position: absolute; }
.result-donut > div[b-fb2jt59nu4] { display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%; background: #081827; box-shadow: inset 0 0 18px rgba(0,0,0,.45); }
.result-donut strong[b-fb2jt59nu4] { font-size: 1.5rem; }
.result-donut span[b-fb2jt59nu4] { color: var(--muted); font-size: .64rem; }
.result-legend[b-fb2jt59nu4] { display: grid; gap: .8rem; }
.result-legend > div[b-fb2jt59nu4] { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: .5rem; }
.result-legend span[b-fb2jt59nu4] { color: #c5d8e4; font-size: .72rem; }
.dot[b-fb2jt59nu4] { width: 9px; height: 9px; border-radius: 50%; }
.dot.green[b-fb2jt59nu4] { background: var(--green); }
.dot.yellow[b-fb2jt59nu4] { background: var(--yellow); }
.dot.blue[b-fb2jt59nu4] { background: var(--blue); }

.h2h-tabs[b-fb2jt59nu4] { display: inline-flex; flex-wrap: wrap; gap: .35rem; }
.h2h-tab[b-fb2jt59nu4] { padding: .38rem .62rem; color: #9eb7c8; border: 1px solid rgba(111, 169, 208, .22); border-radius: 8px; background: rgba(7, 24, 39, .7); cursor: pointer; font-size: .68rem; }
.h2h-tab.active[b-fb2jt59nu4] { color: #07130c; border-color: var(--green); background: var(--green); font-weight: 800; }
.compare-labels[b-fb2jt59nu4] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: .6rem; color: #cde4f2; font-size: .75rem; }
.compare-labels strong:last-child[b-fb2jt59nu4] { text-align: right; }
.compare-list[b-fb2jt59nu4] { display: grid; gap: .65rem; }
.compare-values[b-fb2jt59nu4] { display: grid; grid-template-columns: 78px 1fr 78px; align-items: center; gap: .5rem; margin-bottom: .22rem; }
.compare-values strong:last-child[b-fb2jt59nu4] { text-align: right; }
.compare-values span[b-fb2jt59nu4] { color: var(--muted); text-align: center; font-size: .67rem; }
.dual-bars[b-fb2jt59nu4] { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.bar-half[b-fb2jt59nu4] { height: 8px; overflow: hidden; background: rgba(111, 169, 208, .11); }
.bar-half.left[b-fb2jt59nu4] { display: flex; justify-content: flex-end; border-radius: 6px 0 0 6px; }
.bar-half.right[b-fb2jt59nu4] { border-radius: 0 6px 6px 0; }
.bar-fill[b-fb2jt59nu4] { height: 100%; }
.bar-fill.local[b-fb2jt59nu4] { background: linear-gradient(90deg, #1c9b55, var(--green)); }
.bar-fill.visitor[b-fb2jt59nu4] { background: linear-gradient(90deg, var(--blue), #6db5ff); }

.form-compare-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
}
.form-compare-grid .form-team[b-fb2jt59nu4] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid rgba(111, 169, 208, .16);
    border-radius: 12px;
    background: rgba(7, 24, 39, .34);
}
.form-compare-grid .form-team-local[b-fb2jt59nu4] { border-left: 2px solid rgba(49, 220, 123, .72); }
.form-compare-grid .form-team-visitor[b-fb2jt59nu4] { border-left: 2px solid rgba(75, 158, 255, .72); }
.form-compare-grid .form-pills[b-fb2jt59nu4] { flex-wrap: wrap; }
.form-compare-grid .form-title small[b-fb2jt59nu4] { display: block; margin-top: .16rem; }
.form-team[b-fb2jt59nu4] { padding: .2rem 0; }
.form-title[b-fb2jt59nu4] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; }
.form-title span[b-fb2jt59nu4] { color: var(--muted); font-size: .72rem; }
.form-pills[b-fb2jt59nu4] { display: flex; gap: .42rem; min-height: 30px; }
.form-pill[b-fb2jt59nu4] {
    display: inline-grid;
    place-items: center;
    min-width: 38px;
    height: 29px;
    padding: 0 .38rem;
    border-radius: 8px;
    font-size: .68rem;
    font-weight: 900;
    white-space: nowrap;
}
.form-pill.win[b-fb2jt59nu4] { color: #062112; background: var(--green); }
.form-pill.draw[b-fb2jt59nu4] { color: #2d2100; background: var(--yellow); }
.form-pill.loss[b-fb2jt59nu4] { color: white; background: var(--red); }
.form-pill.neutral[b-fb2jt59nu4] { color: #b8cedb; background: rgba(132, 166, 190, .18); }

/* Hint de forma reciente: rival, marcador, jornada, fecha y condición. */
.form-panel[b-fb2jt59nu4] { overflow: visible; }
.form-pill[data-tooltip][b-fb2jt59nu4] {
    position: relative;
    cursor: help;
    outline: none;
    transition: transform .14s ease, box-shadow .14s ease;
}
.form-pill[data-tooltip]:hover[b-fb2jt59nu4],
.form-pill[data-tooltip]:focus-visible[b-fb2jt59nu4] {
    z-index: 80;
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .34);
}
.form-pill[data-tooltip][b-fb2jt59nu4]::before,
.form-pill[data-tooltip][b-fb2jt59nu4]::after {
    position: absolute;
    left: 50%;
    z-index: 90;
    pointer-events: none;
    opacity: 0;
    transition: opacity .14s ease, transform .14s ease;
}
.form-pill[data-tooltip][b-fb2jt59nu4]::before {
    bottom: calc(100% + 5px);
    width: 0;
    height: 0;
    content: "";
    border: 6px solid transparent;
    border-top-color: #d7ecf8;
    transform: translate(-50%, 3px);
}
.form-pill[data-tooltip][b-fb2jt59nu4]::after {
    bottom: calc(100% + 17px);
    width: max-content;
    min-width: 205px;
    max-width: 300px;
    padding: .55rem .7rem;
    content: attr(data-tooltip);
    color: #071523;
    border: 1px solid rgba(187, 222, 244, .9);
    border-radius: 9px;
    background: #d7ecf8;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .36);
    font-size: .69rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    transform: translate(-50%, 5px);
}
.form-pill[data-tooltip]:hover[b-fb2jt59nu4]::before,
.form-pill[data-tooltip]:hover[b-fb2jt59nu4]::after,
.form-pill[data-tooltip]:focus-visible[b-fb2jt59nu4]::before,
.form-pill[data-tooltip]:focus-visible[b-fb2jt59nu4]::after {
    opacity: 1;
}
.form-pill[data-tooltip]:hover[b-fb2jt59nu4]::before,
.form-pill[data-tooltip]:focus-visible[b-fb2jt59nu4]::before {
    transform: translate(-50%, 0);
}
.form-pill[data-tooltip]:hover[b-fb2jt59nu4]::after,
.form-pill[data-tooltip]:focus-visible[b-fb2jt59nu4]::after {
    transform: translate(-50%, 0);
}

.form-stats[b-fb2jt59nu4] { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .65rem; color: #a9c0d0; font-size: .66rem; }
.form-stats span[b-fb2jt59nu4] { padding: .22rem .42rem; border: 1px solid rgba(111, 169, 208, .14); border-radius: 999px; }
.form-divider[b-fb2jt59nu4] { height: 1px; margin: .9rem 0; background: var(--border); }
.no-data[b-fb2jt59nu4] { color: var(--muted); font-size: .72rem; }

.market-panel[b-fb2jt59nu4] { margin-bottom: .85rem; }
.market-heading[b-fb2jt59nu4] { align-items: center; }
.market-tabs[b-fb2jt59nu4] { justify-content: flex-end; }
.market-table-wrap[b-fb2jt59nu4], .history-table-wrap[b-fb2jt59nu4] { overflow-x: auto; }
.market-table[b-fb2jt59nu4], .history-table[b-fb2jt59nu4] { width: 100%; border-collapse: collapse; }
.market-table th[b-fb2jt59nu4], .market-table td[b-fb2jt59nu4], .history-table th[b-fb2jt59nu4], .history-table td[b-fb2jt59nu4] { padding: .68rem .62rem; border-bottom: 1px solid rgba(112, 169, 208, .12); text-align: left; vertical-align: middle; }
.market-table th[b-fb2jt59nu4], .history-table th[b-fb2jt59nu4] { color: #80a3b8; font-size: .63rem; text-transform: uppercase; letter-spacing: .04em; }
.market-table td[b-fb2jt59nu4], .history-table td[b-fb2jt59nu4] { font-size: .72rem; }
.market-table tbody tr:hover[b-fb2jt59nu4], .history-table tbody tr:hover[b-fb2jt59nu4] { background: rgba(45, 140, 255, .045); }
.market-value[b-fb2jt59nu4] { display: flex; justify-content: space-between; gap: .4rem; margin-bottom: .28rem; }
.market-value small[b-fb2jt59nu4] { color: var(--muted); }
.market-bar[b-fb2jt59nu4] { width: 135px; max-width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(111, 169, 208, .12); }
.market-fill[b-fb2jt59nu4] { height: 100%; border-radius: inherit; }
.market-fill.local[b-fb2jt59nu4] { background: var(--green); }
.market-fill.visitor[b-fb2jt59nu4] { background: var(--blue); }
.market-fill.h2h[b-fb2jt59nu4] { background: var(--purple); }
.market-reading[b-fb2jt59nu4] { max-width: 330px; color: #a8bdcb; }

.signals-grid[b-fb2jt59nu4] { display: grid; gap: .65rem; }
.signal-card[b-fb2jt59nu4] { padding: .72rem; border: 1px solid var(--border); border-left-width: 4px; border-radius: 11px; background: rgba(8, 27, 44, .72); }
.signal-card > div[b-fb2jt59nu4] { display: flex; justify-content: space-between; gap: .8rem; }
.signal-card > div span[b-fb2jt59nu4] { font-size: .67rem; font-weight: 800; text-transform: uppercase; }
.signal-card p[b-fb2jt59nu4] { margin: .35rem 0 0; color: #a8bdcb; font-size: .7rem; line-height: 1.4; }
.signal-card.strong[b-fb2jt59nu4] { border-left-color: var(--green); }
.signal-card.strong span[b-fb2jt59nu4] { color: var(--green); }
.signal-card.medium[b-fb2jt59nu4] { border-left-color: var(--yellow); }
.signal-card.medium span[b-fb2jt59nu4] { color: var(--yellow); }
.signal-card.low[b-fb2jt59nu4] { border-left-color: var(--red); }
.signal-card.low span[b-fb2jt59nu4] { color: var(--red); }
.signal-card.neutral[b-fb2jt59nu4] { border-left-color: #6d8798; }
.signal-card.neutral span[b-fb2jt59nu4] { color: #9eb4c2; }

.history-table td small[b-fb2jt59nu4] { display: block; margin-top: .16rem; color: var(--muted); font-size: .61rem; }
.vs-mini[b-fb2jt59nu4] { color: var(--muted); font-size: .62rem; }
.score-badge[b-fb2jt59nu4] { display: inline-flex; min-width: 48px; justify-content: center; padding: .25rem .42rem; color: #dff9e8; border: 1px solid rgba(53, 218, 120, .28); border-radius: 7px; background: rgba(53, 218, 120, .08); font-weight: 800; }

@media (max-width: 1500px) {
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .match-filter[b-fb2jt59nu4] { grid-column: span 2; }
    .h2h-kpis[b-fb2jt59nu4] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .h2h-main-grid[b-fb2jt59nu4] { grid-template-columns: minmax(320px, .78fr) minmax(560px, 1.42fr); }
}

@media (max-width: 1050px) {
    .h2h-dashboard[b-fb2jt59nu4] { margin: -1rem; padding: 1rem; }
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .match-filter[b-fb2jt59nu4] { grid-column: span 2; }
    .match-hero[b-fb2jt59nu4] { grid-template-columns: 1fr; text-align: center; }
    .team-side[b-fb2jt59nu4], .visitor-team[b-fb2jt59nu4] { justify-content: center; text-align: center; }
    .visitor-team[b-fb2jt59nu4] { flex-direction: row-reverse; }
    .scope-ribbon[b-fb2jt59nu4] { flex-wrap: wrap; gap: 1rem; }
    .scope-note[b-fb2jt59nu4] { width: 100%; margin-left: 0; text-align: center; }
    .h2h-kpis[b-fb2jt59nu4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .h2h-main-grid[b-fb2jt59nu4], .h2h-bottom-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .h2h-header[b-fb2jt59nu4] { align-items: flex-start; }
    .h2h-brand[b-fb2jt59nu4] { min-width: auto; }
    .h2h-brand > div:last-child[b-fb2jt59nu4] { display: none; }
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .match-filter[b-fb2jt59nu4] { grid-column: auto; }
    .h2h-kpis[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .donut-layout[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .compare-values[b-fb2jt59nu4] { grid-template-columns: 64px 1fr 64px; }
    .market-heading[b-fb2jt59nu4] { align-items: flex-start; flex-direction: column; }
    .market-tabs[b-fb2jt59nu4] { justify-content: flex-start; }
}

/* -------------------------------------------------------------------------
   Tipografía V2: menos peso visual y mejor lectura en pantallas densas.
   ------------------------------------------------------------------------- */
.h2h-dashboard[b-fb2jt59nu4] {
    font-family: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    letter-spacing: 0;
}
.h2h-dashboard h1[b-fb2jt59nu4],
.h2h-dashboard h2[b-fb2jt59nu4],
.h2h-dashboard h3[b-fb2jt59nu4] { font-weight: 600; }
.h2h-dashboard strong[b-fb2jt59nu4] { font-weight: 600; }
.market-table td[b-fb2jt59nu4],
.market-table th[b-fb2jt59nu4],
.history-table td[b-fb2jt59nu4],
.history-table th[b-fb2jt59nu4] { font-weight: 400; line-height: 1.45; }
.market-table th[b-fb2jt59nu4],
.history-table th[b-fb2jt59nu4] { font-weight: 500; letter-spacing: .035em; }
.market-table td > strong[b-fb2jt59nu4] { font-weight: 500; }
.panel-kicker[b-fb2jt59nu4] { font-weight: 600; }

/* -------------------------------------------------------------------------
   Proyección directa del partido.
   ------------------------------------------------------------------------- */
.projection-panel[b-fb2jt59nu4] { margin: .85rem 0; }
.projection-heading[b-fb2jt59nu4] { align-items: center; }
.projection-note[b-fb2jt59nu4] {
    padding: .42rem .7rem;
    color: #b9d9ec;
    border: 1px solid rgba(21, 191, 232, .28);
    border-radius: 999px;
    background: rgba(21, 191, 232, .07);
    font-size: .68rem;
    white-space: nowrap;
}
.result-projection-grid[b-fb2jt59nu4] { margin-bottom: .8rem; }
.projection-families-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}
.projection-family[b-fb2jt59nu4] {
    padding: .9rem;
    border: 1px solid rgba(105, 171, 220, .16);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(13, 42, 65, .72), rgba(6, 22, 37, .86));
}
.projection-family-title[b-fb2jt59nu4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .72rem;
}
.projection-family-title span[b-fb2jt59nu4] {
    color: var(--green);
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .11em;
}
.projection-family-title strong[b-fb2jt59nu4] { font-size: .84rem; font-weight: 500; color: #d8eaf5; }
.projection-empty[b-fb2jt59nu4] { padding: 1.4rem .8rem; color: var(--muted); text-align: center; font-size: .76rem; }
.poisson-result-cards[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .75rem;
}
.poisson-result[b-fb2jt59nu4] {
    padding: .75rem;
    border: 1px solid rgba(105, 171, 220, .16);
    border-radius: 11px;
    background: rgba(3, 15, 26, .34);
}
.poisson-result span[b-fb2jt59nu4] { display: block; color: var(--muted); font-size: .68rem; }
.poisson-result strong[b-fb2jt59nu4] { display: block; margin-top: .22rem; font-size: 1.45rem; }
.poisson-result.local strong[b-fb2jt59nu4] { color: var(--green); }
.poisson-result.draw strong[b-fb2jt59nu4] { color: var(--yellow); }
.poisson-result.visitor strong[b-fb2jt59nu4] { color: var(--blue); }
.lambda-strip[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}
.lambda-strip > div[b-fb2jt59nu4] {
    padding: .58rem .65rem;
    border-radius: 9px;
    background: rgba(8, 29, 47, .82);
    border: 1px solid rgba(105, 171, 220, .12);
}
.lambda-strip span[b-fb2jt59nu4] { display: block; color: var(--muted); font-size: .62rem; }
.lambda-strip strong[b-fb2jt59nu4] { display: block; margin-top: .12rem; font-size: .95rem; }
.lambda-strip.compact[b-fb2jt59nu4] { margin-bottom: .7rem; }
.poisson-market-list[b-fb2jt59nu4] { display: grid; gap: .5rem; }
.poisson-market-row[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(92px, 1fr) minmax(90px, 1.1fr) 56px;
    align-items: center;
    gap: .55rem;
    font-size: .72rem;
}
.poisson-market-row > span[b-fb2jt59nu4] { color: #cfe2ee; }
.poisson-market-row > strong[b-fb2jt59nu4] { text-align: right; font-weight: 600; }
.poisson-market-bar[b-fb2jt59nu4] { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(105,171,220,.12); }
.poisson-market-bar i[b-fb2jt59nu4] { display: block; height: 100%; border-radius: inherit; background: var(--red); }
.poisson-market-row.medium .poisson-market-bar i[b-fb2jt59nu4] { background: var(--yellow); }
.poisson-market-row.strong .poisson-market-bar i[b-fb2jt59nu4] { background: var(--green); }
.poisson-market-row.low > strong[b-fb2jt59nu4] { color: var(--red); }
.poisson-market-row.medium > strong[b-fb2jt59nu4] { color: var(--yellow); }
.poisson-market-row.strong > strong[b-fb2jt59nu4] { color: var(--green); }
.projection-sample[b-fb2jt59nu4] { display: block; margin-top: .7rem; color: var(--muted); font-size: .62rem; }

@media (max-width: 1180px) {
    .projection-families-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .poisson-result-cards[b-fb2jt59nu4],
    .lambda-strip[b-fb2jt59nu4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .projection-heading[b-fb2jt59nu4] { align-items: flex-start; flex-direction: column; }
    .projection-note[b-fb2jt59nu4] { white-space: normal; }
}

/* -------------------------------------------------------------------------
   Estado del partido y estadísticas reales del encuentro finalizado.
   ------------------------------------------------------------------------- */
.match-status-line[b-fb2jt59nu4] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.match-status[b-fb2jt59nu4] {
    padding: .26rem .58rem;
    border-radius: 999px;
    border: 1px solid rgba(105,171,220,.22);
    background: rgba(105,171,220,.08);
    color: #cfe2ee;
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.match-status.finalizado[b-fb2jt59nu4] { color: var(--green); border-color: rgba(47,220,132,.28); background: rgba(47,220,132,.08); }
.match-status.pendiente[b-fb2jt59nu4] { color: var(--blue); border-color: rgba(71,164,255,.28); background: rgba(71,164,255,.08); }
.match-status.suspendido[b-fb2jt59nu4] { color: var(--yellow); border-color: rgba(246,196,67,.28); background: rgba(246,196,67,.08); }
.match-status.cancelado[b-fb2jt59nu4] { color: var(--red); border-color: rgba(255,78,106,.28); background: rgba(255,78,106,.08); }

.actual-panel[b-fb2jt59nu4],
.unavailable-panel[b-fb2jt59nu4] { margin: .85rem 0; }
.actual-badge[b-fb2jt59nu4] {
    padding: .48rem .78rem;
    border-radius: 999px;
    border: 1px solid rgba(47,220,132,.28);
    background: rgba(47,220,132,.08);
    color: var(--green);
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
}
.actual-summary-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .78rem;
}
.actual-family[b-fb2jt59nu4] {
    padding: .95rem;
    border-radius: 13px;
    border: 1px solid rgba(105,171,220,.16);
    background: linear-gradient(145deg, rgba(13,42,65,.72), rgba(6,22,37,.86));
}
.final-score[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .75rem;
    text-align: center;
    padding: .6rem 0 .9rem;
}
.final-score div span[b-fb2jt59nu4] { display: block; color: var(--muted); font-size: .68rem; }
.final-score div strong[b-fb2jt59nu4] { display: block; margin-top: .2rem; font-size: 2.05rem; color: #f2fbff; }
.final-score b[b-fb2jt59nu4] { color: var(--muted); font-size: 1.25rem; font-weight: 500; }
.period-grid[b-fb2jt59nu4],
.actual-side-values[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .7rem;
}
.period-grid > div[b-fb2jt59nu4],
.actual-side-values > div[b-fb2jt59nu4] {
    padding: .58rem .65rem;
    border-radius: 9px;
    border: 1px solid rgba(105,171,220,.12);
    background: rgba(8,29,47,.82);
}
.period-grid span[b-fb2jt59nu4],
.actual-side-values span[b-fb2jt59nu4] { display: block; color: var(--muted); font-size: .62rem; }
.period-grid strong[b-fb2jt59nu4],
.actual-side-values strong[b-fb2jt59nu4] { display: block; margin-top: .12rem; font-size: .94rem; }
.outcome-list[b-fb2jt59nu4] { display: grid; gap: .42rem; }
.outcome-row[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
    padding: .52rem .62rem;
    border-radius: 9px;
    border: 1px solid rgba(105,171,220,.12);
    background: rgba(3,15,26,.30);
    font-size: .72rem;
}
.outcome-row span[b-fb2jt59nu4] { color: #d2e6f2; }
.outcome-row strong[b-fb2jt59nu4] { font-size: .68rem; }
.outcome-row.fulfilled[b-fb2jt59nu4] { border-color: rgba(47,220,132,.22); }
.outcome-row.fulfilled strong[b-fb2jt59nu4] { color: var(--green); }
.outcome-row.not-fulfilled[b-fb2jt59nu4] { border-color: rgba(255,78,106,.18); }
.outcome-row.not-fulfilled strong[b-fb2jt59nu4] { color: var(--red); }
.unavailable-panel[b-fb2jt59nu4] { border-color: rgba(246,196,67,.22); }

@media (max-width: 900px) {
    .actual-summary-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .period-grid[b-fb2jt59nu4],
    .actual-side-values[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .actual-badge[b-fb2jt59nu4] { white-space: normal; }
}


/* -------------------------------------------------------------------------
   Marcadores exactos estimados del partido pendiente.
   ------------------------------------------------------------------------- */
.expected-score-panel[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(190px, .85fr) minmax(260px, 1.6fr);
    gap: .75rem;
    margin: .8rem 0;
    padding: .72rem;
    border-radius: 13px;
    border: 1px solid rgba(47, 220, 132, .18);
    background: linear-gradient(135deg, rgba(47, 220, 132, .08), rgba(8, 29, 47, .72));
}
.expected-score-main[b-fb2jt59nu4] {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 108px;
    padding: .65rem;
    border-radius: 11px;
    border: 1px solid rgba(47, 220, 132, .20);
    background: rgba(4, 18, 30, .48);
    text-align: center;
}
.expected-score-main > span[b-fb2jt59nu4] {
    color: var(--muted);
    font-size: .66rem;
    font-weight: 500;
}
.expected-score-main > strong[b-fb2jt59nu4] {
    margin: .15rem 0 .05rem;
    color: var(--green);
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .04em;
}
.expected-score-main > small[b-fb2jt59nu4] {
    color: #cfe2ee;
    font-size: .65rem;
}
.expected-score-list[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    align-content: center;
}
.expected-score-option[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-height: 46px;
    padding: .58rem .68rem;
    border-radius: 10px;
    border: 1px solid rgba(105, 171, 220, .14);
    background: rgba(8, 29, 47, .72);
}
.expected-score-option span[b-fb2jt59nu4] {
    color: #e5f2f8;
    font-size: .82rem;
    font-weight: 500;
}
.expected-score-option strong[b-fb2jt59nu4] {
    color: var(--blue);
    font-size: .76rem;
    font-weight: 600;
}
.expected-score-disclaimer[b-fb2jt59nu4] {
    display: block;
    margin: -.35rem 0 .75rem;
    color: var(--muted);
    font-size: .61rem;
    text-align: right;
}
@media (max-width: 820px) {
    .expected-score-panel[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
    .expected-score-list[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .expected-score-disclaimer[b-fb2jt59nu4] { text-align: left; }
}

/* Producción ofensiva: remates y remates a puerta. */
.accuracy-strip[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .7rem;
}
.accuracy-strip > div[b-fb2jt59nu4] {
    padding: .58rem .65rem;
    border-radius: 9px;
    border: 1px solid rgba(105,171,220,.12);
    background: rgba(8,29,47,.82);
}
.accuracy-strip span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.62rem; }
.accuracy-strip strong[b-fb2jt59nu4] { display:block; margin-top:.12rem; color:var(--blue); font-size:.94rem; }
@media (max-width:620px) { .accuracy-strip[b-fb2jt59nu4] { grid-template-columns:1fr; } }

/* ================================================================
   Interpretación avanzada: diez mejoras para la vista cliente
   ================================================================ */
.insight-top-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:1.35fr .85fr; gap:.85rem; margin-bottom:.85rem; }
.executive-copy[b-fb2jt59nu4] { margin:0; color:#d8e8f2; font-size:.9rem; line-height:1.7; }
.confidence-panel[b-fb2jt59nu4] { display:grid; grid-template-columns:112px 1fr; align-items:center; gap:1rem; }
.confidence-score[b-fb2jt59nu4] { display:grid; place-items:center; width:104px; height:104px; border:8px solid rgba(53,218,120,.18); border-radius:50%; background:rgba(5,20,32,.65); text-align:center; }
.confidence-score strong[b-fb2jt59nu4] { font-size:1.55rem; }
.confidence-score span[b-fb2jt59nu4] { color:var(--muted); font-size:.62rem; }
.confidence-panel.medium-high .confidence-score[b-fb2jt59nu4] { border-color:rgba(21,191,232,.35); }
.confidence-panel.medium .confidence-score[b-fb2jt59nu4] { border-color:rgba(255,199,67,.38); }
.confidence-panel.low .confidence-score[b-fb2jt59nu4] { border-color:rgba(255,79,98,.35); }
.confidence-copy p[b-fb2jt59nu4] { margin:.35rem 0 .7rem; color:#bdd1de; font-size:.75rem; line-height:1.55; }
.confidence-track[b-fb2jt59nu4],.distribution-track[b-fb2jt59nu4] { overflow:hidden; height:7px; border-radius:999px; background:rgba(115,165,198,.13); }
.confidence-track i[b-fb2jt59nu4] { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue),var(--green)); }
.data-quality-panel[b-fb2jt59nu4],.trend-panel[b-fb2jt59nu4],.strength-grid[b-fb2jt59nu4],.advanced-projection-grid[b-fb2jt59nu4],.advanced-goals-grid[b-fb2jt59nu4] { margin-bottom:.85rem; }
.data-quality-panel[b-fb2jt59nu4] { padding:.62rem .75rem; }
.data-quality-panel .panel-heading[b-fb2jt59nu4] { margin-bottom:.42rem; }
.data-quality-panel .panel-heading h2[b-fb2jt59nu4] { font-size:.9rem; }
.data-quality-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:.35rem; }
.data-quality-item[b-fb2jt59nu4] { min-width:0; padding:.4rem .5rem; border:1px solid var(--border); border-radius:9px; background:rgba(5,22,36,.66); }
.data-quality-item span[b-fb2jt59nu4],.data-quality-item small[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.6rem; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.data-quality-item strong[b-fb2jt59nu4] { display:block; margin:.1rem 0; font-size:.73rem; line-height:1.1; }
.data-quality-item.complete strong[b-fb2jt59nu4] { color:var(--green); }
.data-quality-item.partial strong[b-fb2jt59nu4] { color:var(--yellow); }
.data-quality-item.missing strong[b-fb2jt59nu4] { color:var(--red); }
.trend-table-wrap[b-fb2jt59nu4] { overflow:auto; }
.trend-table[b-fb2jt59nu4] { width:100%; border-collapse:collapse; font-size:.76rem; }
.trend-table th[b-fb2jt59nu4],.trend-table td[b-fb2jt59nu4] { padding:.62rem .7rem; border-bottom:1px solid rgba(111,169,208,.12); text-align:center; }
.trend-table th:first-child[b-fb2jt59nu4],.trend-table td:first-child[b-fb2jt59nu4] { text-align:left; }
.trend-table th[b-fb2jt59nu4] { color:var(--muted); font-size:.64rem; text-transform:uppercase; letter-spacing:.05em; }
.trend-pill[b-fb2jt59nu4] { display:inline-flex; padding:.25rem .5rem; border-radius:999px; font-size:.65rem; }
.trend-pill.up[b-fb2jt59nu4] { color:#bff8d4; background:rgba(53,218,120,.12); }
.trend-pill.down[b-fb2jt59nu4] { color:#ffd0d5; background:rgba(255,79,98,.12); }
.trend-pill.stable[b-fb2jt59nu4] { color:#cae4f4; background:rgba(45,140,255,.12); }
.strength-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; }
.team-insight-card.local[b-fb2jt59nu4] { border-top-color:rgba(53,218,120,.5); }
.team-insight-card.visitor[b-fb2jt59nu4] { border-top-color:rgba(45,140,255,.5); }
.strength-columns[b-fb2jt59nu4] { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.strength-columns h3[b-fb2jt59nu4] { margin:0 0 .45rem; color:#d9eaf5; font-size:.73rem; }
.positive-item[b-fb2jt59nu4],.negative-item[b-fb2jt59nu4] { position:relative; margin:.3rem 0; padding-left:1rem; color:#bcd0dd; font-size:.7rem; line-height:1.4; }
.positive-item[b-fb2jt59nu4]::before,.negative-item[b-fb2jt59nu4]::before { position:absolute; left:0; content:""; width:7px; height:7px; margin-top:.28rem; border-radius:50%; }
.positive-item[b-fb2jt59nu4]::before { background:var(--green); }
.negative-item[b-fb2jt59nu4]::before { background:var(--yellow); }
.advanced-projection-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:1.15fr .85fr; gap:.85rem; }
.coincidence-list[b-fb2jt59nu4],.contradiction-list[b-fb2jt59nu4] { display:grid; gap:.55rem; }
.coincidence-row[b-fb2jt59nu4] { display:grid; grid-template-columns:1.1fr auto 90px; align-items:center; gap:.7rem; padding:.6rem .7rem; border:1px solid var(--border); border-radius:10px; background:rgba(5,22,36,.6); }
.coincidence-row > div:first-child[b-fb2jt59nu4] { display:grid; }
.coincidence-row span[b-fb2jt59nu4],.coincidence-row small[b-fb2jt59nu4] { color:var(--muted); font-size:.64rem; }
.coincidence-row.strong strong[b-fb2jt59nu4] { color:var(--green); }
.coincidence-row.medium strong[b-fb2jt59nu4] { color:var(--yellow); }
.coincidence-row.weak strong[b-fb2jt59nu4] { color:#ff9fac; }
.signal-dots[b-fb2jt59nu4] { display:flex; gap:4px; }
.signal-dots i[b-fb2jt59nu4] { width:9px; height:9px; border-radius:50%; background:rgba(111,169,208,.18); }
.signal-dots i.on[b-fb2jt59nu4] { background:var(--green); box-shadow:0 0 8px rgba(53,218,120,.35); }
.contradiction-list p[b-fb2jt59nu4] { display:flex; gap:.6rem; margin:0; padding:.7rem; color:#c9dce8; border:1px solid rgba(255,199,67,.18); border-radius:10px; background:rgba(255,199,67,.06); font-size:.72rem; line-height:1.5; }
.contradiction-list p span[b-fb2jt59nu4] { display:grid; place-items:center; width:20px; height:20px; flex:0 0 20px; color:#2c2100; border-radius:50%; background:var(--yellow); font-weight:900; }
.advanced-goals-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.85rem; }
.goal-distribution-list[b-fb2jt59nu4] { display:grid; gap:.58rem; }
.goal-distribution-list > div[b-fb2jt59nu4] { display:grid; grid-template-columns:70px 1fr 52px; align-items:center; gap:.55rem; font-size:.7rem; }
.goal-distribution-list strong[b-fb2jt59nu4] { text-align:right; }
.distribution-track i[b-fb2jt59nu4] { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--blue)); }
.scoring-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }
.scoring-grid > div[b-fb2jt59nu4] { padding:.62rem; border:1px solid var(--border); border-radius:9px; background:rgba(5,22,36,.58); }
.scoring-grid span[b-fb2jt59nu4] { display:block; min-height:30px; color:var(--muted); font-size:.64rem; }
.scoring-grid strong[b-fb2jt59nu4] { font-size:1rem; }
.dominance-score[b-fb2jt59nu4] { display:flex; justify-content:space-between; align-items:center; margin:1rem 0 .55rem; }
.dominance-score strong[b-fb2jt59nu4] { font-size:1.65rem; }
.dominance-score span[b-fb2jt59nu4] { color:var(--muted); }
.dominance-bar[b-fb2jt59nu4] { display:flex; overflow:hidden; height:14px; border-radius:999px; background:rgba(111,169,208,.12); }
.dominance-bar i[b-fb2jt59nu4] { display:block; height:100%; }
.dominance-bar .local[b-fb2jt59nu4] { background:linear-gradient(90deg,#1b9b55,var(--green)); }
.dominance-bar .visitor[b-fb2jt59nu4] { background:linear-gradient(90deg,var(--blue),#6db5ff); }
.dominance-labels[b-fb2jt59nu4] { display:flex; justify-content:space-between; margin-top:.42rem; color:#bdd1de; font-size:.67rem; }
.dominance-panel > small[b-fb2jt59nu4] { display:block; margin-top:.8rem; color:var(--muted); font-size:.64rem; line-height:1.45; }
@media (max-width:1200px) {
    .data-quality-grid[b-fb2jt59nu4] { grid-template-columns:repeat(3,1fr); }
    .advanced-goals-grid[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; }
    .dominance-panel[b-fb2jt59nu4] { grid-column:1/-1; }
}
@media (max-width:850px) {
    .insight-top-grid[b-fb2jt59nu4],.strength-grid[b-fb2jt59nu4],.advanced-projection-grid[b-fb2jt59nu4],.advanced-goals-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
    .data-quality-grid[b-fb2jt59nu4] { grid-template-columns:repeat(2,1fr); }
    .confidence-panel[b-fb2jt59nu4] { grid-template-columns:90px 1fr; }
    .confidence-score[b-fb2jt59nu4] { width:82px; height:82px; border-width:6px; }
    .coincidence-row[b-fb2jt59nu4] { grid-template-columns:1fr auto; }
    .coincidence-row small[b-fb2jt59nu4] { grid-column:1/-1; }
}
@media (max-width:520px) {
    .data-quality-grid[b-fb2jt59nu4],.strength-columns[b-fb2jt59nu4],.scoring-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
}


/* ================================================================
   Matriz de resultado: tabla local vs tabla visitante
   ================================================================ */
.matrix-result-card[b-fb2jt59nu4] {
    margin-top: .8rem;
    padding: .8rem;
    border: 1px solid rgba(105,171,220,.17);
    border-radius: 12px;
    background: rgba(5,22,36,.68);
}
.matrix-title-row[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .7rem;
}
.matrix-title-row > div[b-fb2jt59nu4] { display: grid; gap: .14rem; }
.matrix-title-row span[b-fb2jt59nu4] { color: var(--muted); font-size: .6rem; letter-spacing: .08em; }
.matrix-title-row strong[b-fb2jt59nu4] { font-size: .9rem; }
.matrix-title-row b[b-fb2jt59nu4] {
    padding: .3rem .58rem;
    border-radius: 999px;
    color: #d9eaf5;
    background: rgba(105,171,220,.1);
    font-size: .67rem;
}
.matrix-zones-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 1fr 38px 1fr;
    align-items: stretch;
    gap: .55rem;
}
.matrix-team[b-fb2jt59nu4] {
    display: grid;
    gap: .18rem;
    padding: .68rem;
    border: 1px solid rgba(105,171,220,.12);
    border-radius: 10px;
    background: rgba(8,29,47,.72);
}
.matrix-team span[b-fb2jt59nu4],.matrix-team small[b-fb2jt59nu4] { color: var(--muted); font-size: .63rem; }
.matrix-team strong[b-fb2jt59nu4] { font-size: 1rem; }
.matrix-team.local strong[b-fb2jt59nu4] { color: var(--green); }
.matrix-team.visitor strong[b-fb2jt59nu4] { color: var(--blue); }
.matrix-vs[b-fb2jt59nu4] { display:grid; place-items:center; color:#6f8da2; font-size:.65rem; font-weight:700; }
.matrix-note[b-fb2jt59nu4] { display:block; margin-top:.55rem; color:var(--muted); font-size:.61rem; line-height:1.45; }
.matrix-empty[b-fb2jt59nu4] { padding:.65rem; color:var(--muted); text-align:center; font-size:.7rem; }
.matrix-result-card.local-strong[b-fb2jt59nu4] { border-color:rgba(53,218,120,.32); }
.matrix-result-card.local-strong .matrix-title-row b[b-fb2jt59nu4] { color:#bdf6d1; background:rgba(53,218,120,.12); }
.matrix-result-card.visitor-strong[b-fb2jt59nu4] { border-color:rgba(45,140,255,.34); }
.matrix-result-card.visitor-strong .matrix-title-row b[b-fb2jt59nu4] { color:#c8e3ff; background:rgba(45,140,255,.13); }
.matrix-result-card.high-duel[b-fb2jt59nu4] { border-color:rgba(170,99,255,.3); }
.matrix-result-card.high-duel .matrix-title-row b[b-fb2jt59nu4] { color:#e2d1ff; background:rgba(170,99,255,.12); }
.matrix-result-card.balanced[b-fb2jt59nu4] { border-color:rgba(244,188,61,.3); }
.matrix-result-card.balanced .matrix-title-row b[b-fb2jt59nu4] { color:#ffe8a8; background:rgba(244,188,61,.11); }
@media (max-width:620px) {
    .matrix-title-row[b-fb2jt59nu4] { align-items:flex-start; flex-direction:column; }
    .matrix-zones-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
    .matrix-vs[b-fb2jt59nu4] { min-height:22px; }
}


/* ================================================================
   Gráfica comparativa H2H: Goles, Córners y Tarjetas
   ================================================================ */
.h2h-comparative-chart-panel[b-fb2jt59nu4] {
    margin-bottom: .9rem;
}

.h2h-chart-heading[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .7rem;
}

.h2h-chart-heading h2[b-fb2jt59nu4] {
    margin: .1rem 0 0;
}

.h2h-chart-heading p[b-fb2jt59nu4] {
    margin: .22rem 0 0;
    color: var(--muted, #8ca5b9);
    font-size: .74rem;
}

.h2h-chart-controls[b-fb2jt59nu4] {
    display: grid;
    justify-items: end;
    gap: .4rem;
}

.h2h-chart-tabs[b-fb2jt59nu4],
.h2h-range-tabs[b-fb2jt59nu4] {
    display: inline-flex;
    gap: .25rem;
    padding: .24rem;
    border: 1px solid rgba(112, 173, 211, .18);
    border-radius: 10px;
    background: rgba(3, 16, 28, .58);
}

.h2h-chart-tab[b-fb2jt59nu4],
.h2h-range-button[b-fb2jt59nu4] {
    padding: .46rem .82rem;
    color: #9cb6c8;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    font-family: inherit;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
}

.h2h-range-button[b-fb2jt59nu4] {
    padding: .35rem .62rem;
    font-size: .65rem;
}

.h2h-chart-tab:hover[b-fb2jt59nu4],
.h2h-range-button:hover[b-fb2jt59nu4] {
    color: #e5f5ff;
    background: rgba(45, 140, 255, .08);
}

.h2h-chart-tab.active[b-fb2jt59nu4] {
    color: #04140c;
    border-color: rgba(101, 238, 153, .48);
    background: linear-gradient(135deg, #45e589, #75efa3);
    box-shadow: 0 0 18px rgba(53, 218, 120, .18);
}

.h2h-range-button.active[b-fb2jt59nu4] {
    color: #dff3ff;
    border-color: rgba(45, 140, 255, .45);
    background: rgba(45, 140, 255, .18);
}

.h2h-chart-legend[b-fb2jt59nu4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: .65rem;
    color: #abc4d4;
    font-size: .7rem;
}

.h2h-chart-legend span[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.h2h-chart-legend i[b-fb2jt59nu4] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.h2h-chart-legend i.local[b-fb2jt59nu4] {
    background: #35da78;
    box-shadow: 0 0 10px rgba(53, 218, 120, .55);
}

.h2h-chart-legend i.visitor[b-fb2jt59nu4] {
    background: #2d8cff;
    box-shadow: 0 0 10px rgba(45, 140, 255, .55);
}

.h2h-chart-summary[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(110px, 1fr));
    gap: .45rem;
    margin-bottom: .65rem;
}

.h2h-chart-summary > div[b-fb2jt59nu4] {
    padding: .55rem .62rem;
    border: 1px solid rgba(111, 173, 211, .12);
    border-radius: 9px;
    background: rgba(4, 18, 31, .48);
}

.h2h-chart-summary span[b-fb2jt59nu4],
.h2h-chart-summary strong[b-fb2jt59nu4] {
    display: block;
}

.h2h-chart-summary span[b-fb2jt59nu4] {
    color: #7898ad;
    font-size: .57rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.h2h-chart-summary strong[b-fb2jt59nu4] {
    margin-top: .17rem;
    color: #e3f5ff;
    font-size: .84rem;
}

.h2h-comparative-chart-wrap[b-fb2jt59nu4] {
    overflow-x: auto;
    overflow-y: hidden;
    padding: .2rem 0 .65rem;
    scrollbar-gutter: stable;
}

.h2h-comparative-chart[b-fb2jt59nu4] {
    display: block;
    max-width: none;
    height: 310px;
}

.h2h-grid-line[b-fb2jt59nu4] {
    stroke: rgba(132, 177, 208, .12);
    stroke-width: 1;
}

.h2h-axis-line[b-fb2jt59nu4] {
    stroke: rgba(160, 198, 223, .28);
    stroke-width: 1.2;
}

.h2h-axis-label[b-fb2jt59nu4],
.h2h-x-label[b-fb2jt59nu4] {
    color: #7797ac;
    font-family: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.h2h-axis-label-y[b-fb2jt59nu4] {
    text-align: right;
}

.h2h-x-label[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    text-align: center;
    line-height: 1.05;
}

.h2h-x-label strong[b-fb2jt59nu4] {
    color: #d8efff;
    font-size: 12px;
    font-weight: 700;
}

.h2h-x-label span[b-fb2jt59nu4] {
    margin-top: 2px;
    color: #66879d;
    font-size: 8px;
    font-weight: 600;
}

.h2h-series-line[b-fb2jt59nu4] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.h2h-series-line.local[b-fb2jt59nu4] {
    stroke: #35da78;
    filter: drop-shadow(0 0 5px rgba(53, 218, 120, .52));
}

.h2h-series-line.visitor[b-fb2jt59nu4] {
    stroke: #2d8cff;
    filter: drop-shadow(0 0 5px rgba(45, 140, 255, .52));
}

.h2h-series-point[b-fb2jt59nu4] {
    fill: #081827;
    stroke-width: 2.3;
}

.h2h-series-point.local[b-fb2jt59nu4] {
    stroke: #35da78;
}

.h2h-series-point.visitor[b-fb2jt59nu4] {
    stroke: #2d8cff;
}

.h2h-chart-note[b-fb2jt59nu4] {
    margin: .35rem 0 0;
    color: #718fa3;
    font-size: .64rem;
}

.h2h-chart-empty[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    min-height: 220px;
    color: #86a3b6;
    text-align: center;
    border: 1px dashed rgba(111, 173, 211, .18);
    border-radius: 12px;
    background: rgba(4, 18, 31, .38);
}

@media (max-width: 1200px) {
    .h2h-chart-summary[b-fb2jt59nu4] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 760px) {
    .h2h-chart-heading[b-fb2jt59nu4] {
        flex-direction: column;
    }

    .h2h-chart-controls[b-fb2jt59nu4],
    .h2h-chart-tabs[b-fb2jt59nu4],
    .h2h-range-tabs[b-fb2jt59nu4] {
        width: 100%;
    }

    .h2h-chart-tab[b-fb2jt59nu4],
    .h2h-range-button[b-fb2jt59nu4] {
        flex: 1;
    }

    .h2h-chart-summary[b-fb2jt59nu4] {
        grid-template-columns: repeat(2, 1fr);
    }
}


.h2h-comparative-chart-wrap[b-fb2jt59nu4]::-webkit-scrollbar {
    height: 11px;
}

.h2h-comparative-chart-wrap[b-fb2jt59nu4]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(119, 164, 194, .12);
}

.h2h-comparative-chart-wrap[b-fb2jt59nu4]::-webkit-scrollbar-thumb {
    border: 2px solid rgba(7, 23, 38, .9);
    border-radius: 999px;
    background: rgba(86, 151, 198, .62);
}

.h2h-comparative-chart-wrap[b-fb2jt59nu4]::-webkit-scrollbar-thumb:hover {
    background: rgba(99, 178, 232, .78);
}


/* ================================================================
   Pronósticos oficiales del partido
   ================================================================ */

.official-predictions-panel[b-fb2jt59nu4] {
    min-width: 0;
}

.official-predictions-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .68rem;
}

.official-prediction-card[b-fb2jt59nu4] {
    display: grid;
    gap: .62rem;
    min-width: 0;
    padding: .78rem;
    border: 1px solid var(--border);
    border-left: 4px solid #6f8797;
    border-radius: 12px;
    background: rgba(8, 27, 44, .76);
}

.official-prediction-card.won[b-fb2jt59nu4] {
    border-left-color: var(--green);
}

.official-prediction-card.lost[b-fb2jt59nu4] {
    border-left-color: var(--red);
}

.official-prediction-card.void[b-fb2jt59nu4] {
    border-left-color: var(--yellow);
}

.official-prediction-card.pending[b-fb2jt59nu4] {
    border-left-color: #6b9ebf;
}

.official-prediction-head[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .7rem;
}

.official-prediction-head > div[b-fb2jt59nu4] {
    min-width: 0;
}

.official-prediction-code[b-fb2jt59nu4] {
    display: block;
    margin-bottom: .18rem;
    color: #7f9bad;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.official-prediction-head strong[b-fb2jt59nu4] {
    display: block;
    color: #f1f8fc;
    font-size: .82rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pick-level[b-fb2jt59nu4] {
    flex: 0 0 auto;
    padding: .22rem .42rem;
    border-radius: 999px;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.pick-level.final[b-fb2jt59nu4] {
    color: #d8ffd7;
    border: 1px solid rgba(93, 216, 106, .25);
    background: rgba(53, 159, 66, .25);
}

.pick-level.preliminar[b-fb2jt59nu4] {
    color: #fff0be;
    border: 1px solid rgba(229, 186, 64, .25);
    background: rgba(183, 138, 24, .22);
}

.official-prediction-metrics[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
}

.official-prediction-metrics > div[b-fb2jt59nu4] {
    min-width: 0;
    padding: .4rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .025);
}

.official-prediction-metrics span[b-fb2jt59nu4],
.official-prediction-metrics strong[b-fb2jt59nu4] {
    display: block;
}

.official-prediction-metrics span[b-fb2jt59nu4] {
    color: #8ca5b5;
    font-size: .52rem;
}

.official-prediction-metrics strong[b-fb2jt59nu4] {
    margin-top: .12rem;
    color: #f3fbff;
    font-size: .7rem;
}

.prediction-result.won[b-fb2jt59nu4] {
    color: var(--green);
}

.prediction-result.lost[b-fb2jt59nu4] {
    color: var(--red);
}

.prediction-result.void[b-fb2jt59nu4] {
    color: var(--yellow);
}

.prediction-result.pending[b-fb2jt59nu4] {
    color: #75b7df;
}

.official-prediction-lambdas[b-fb2jt59nu4] {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
}

.official-prediction-lambdas span[b-fb2jt59nu4] {
    padding: .22rem .38rem;
    color: #8fa8b8;
    border: 1px solid rgba(108, 155, 185, .15);
    border-radius: 7px;
    background: rgba(255, 255, 255, .018);
    font-size: .54rem;
}

.official-prediction-lambdas strong[b-fb2jt59nu4] {
    color: #dcecf5;
}

.official-prediction-score[b-fb2jt59nu4] {
    padding-top: .5rem;
    color: #8fa8b8;
    border-top: 1px solid rgba(108, 155, 185, .12);
    font-size: .58rem;
}

.official-prediction-score strong[b-fb2jt59nu4] {
    margin-left: .2rem;
    color: #f4fbff;
}

@media (max-width: 900px) {
    .official-predictions-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .official-prediction-metrics[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   Cuotas vigentes del partido
   ================================================================ */

.h2h-odds-panel[b-fb2jt59nu4] {
    --odds-green: #35da78;
    --odds-blue: #2d8cff;
    --odds-yellow: #f4bc3d;
    --odds-red: #ff5c6c;
    --odds-muted: #89a6b9;
    margin: .85rem 0;
    padding: 1rem;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(10, 31, 50, .97), rgba(7, 22, 37, .98));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}

.h2h-odds-heading[b-fb2jt59nu4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.h2h-odds-kicker[b-fb2jt59nu4] {
    color: var(--odds-green);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.h2h-odds-heading h2[b-fb2jt59nu4] {
    margin: .12rem 0 0;
    font-size: 1.08rem;
    font-weight: 700;
}

.h2h-odds-heading p[b-fb2jt59nu4] {
    margin: .28rem 0 0;
    color: var(--odds-muted);
    font-size: .73rem;
}

.h2h-odds-updated[b-fb2jt59nu4] {
    flex: 0 0 auto;
    padding: .35rem .58rem;
    color: #b8d5e6;
    border: 1px solid rgba(105, 171, 220, .2);
    border-radius: 999px;
    background: rgba(45, 140, 255, .06);
    font-size: .65rem;
}

.h2h-odds-empty[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .45rem;
    min-height: 145px;
    color: var(--odds-muted);
    text-align: center;
    border: 1px dashed rgba(105, 171, 220, .22);
    border-radius: 12px;
    background: rgba(4, 18, 31, .36);
}

.h2h-odds-empty strong[b-fb2jt59nu4] {
    color: #dbeef8;
}

.h2h-odds-alert[b-fb2jt59nu4] {
    padding: .75rem .9rem;
    border: 1px solid;
    border-radius: 11px;
    font-size: .75rem;
}

.h2h-odds-alert.error[b-fb2jt59nu4] {
    color: #ffd8dc;
    border-color: rgba(255, 92, 108, .35);
    background: rgba(255, 92, 108, .08);
}

.h2h-odds-alert.info[b-fb2jt59nu4] {
    color: #c9e7f7;
    border-color: rgba(45, 140, 255, .3);
    background: rgba(45, 140, 255, .08);
}

.h2h-odds-summary[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .8rem;
}

.h2h-odds-summary > div[b-fb2jt59nu4] {
    padding: .68rem .78rem;
    border: 1px solid rgba(105, 171, 220, .15);
    border-radius: 10px;
    background: rgba(8, 27, 44, .72);
}

.h2h-odds-summary span[b-fb2jt59nu4] {
    display: block;
    color: var(--odds-muted);
    font-size: .62rem;
    text-transform: uppercase;
}

.h2h-odds-summary strong[b-fb2jt59nu4] {
    display: block;
    margin-top: .2rem;
    color: #effaff;
    font-size: 1.02rem;
}

.h2h-odds-table-wrap[b-fb2jt59nu4] {
    overflow-x: auto;
    border: 1px solid rgba(105, 171, 220, .13);
    border-radius: 11px;
}

.h2h-odds-table[b-fb2jt59nu4] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.h2h-odds-table.compact[b-fb2jt59nu4] {
    min-width: 760px;
}

.h2h-odds-table th[b-fb2jt59nu4],
.h2h-odds-table td[b-fb2jt59nu4] {
    padding: .65rem .58rem;
    border-bottom: 1px solid rgba(105, 171, 220, .11);
    text-align: left;
    vertical-align: middle;
    font-size: .72rem;
}

.h2h-odds-table th[b-fb2jt59nu4] {
    color: #84a8bd;
    background: rgba(4, 18, 31, .58);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.h2h-odds-table tbody tr:hover[b-fb2jt59nu4] {
    background: rgba(45, 140, 255, .045);
}

.h2h-odds-table tbody tr:last-child td[b-fb2jt59nu4] {
    border-bottom: 0;
}

.h2h-odds-table td strong[b-fb2jt59nu4] {
    font-weight: 700;
}

.h2h-odds-table td small[b-fb2jt59nu4] {
    display: block;
    margin-top: .14rem;
    color: #6f8da1;
    font-size: .59rem;
}

.h2h-odds-price[b-fb2jt59nu4] {
    color: #c8f9da;
    font-size: .87rem;
}

.h2h-odds-muted[b-fb2jt59nu4] {
    color: #6f8da1;
}

.h2h-odds-diff[b-fb2jt59nu4],
.h2h-odds-move[b-fb2jt59nu4] {
    display: inline-flex;
    padding: .2rem .4rem;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 800;
}

.h2h-odds-diff.positive[b-fb2jt59nu4] {
    color: #bff8d3;
    background: rgba(53, 218, 120, .12);
}

.h2h-odds-diff.slight[b-fb2jt59nu4] {
    color: #ffe5a0;
    background: rgba(244, 188, 61, .12);
}

.h2h-odds-diff.negative[b-fb2jt59nu4] {
    color: #ffc4ca;
    background: rgba(255, 92, 108, .11);
}

.h2h-odds-diff.neutral[b-fb2jt59nu4],
.h2h-odds-move.neutral[b-fb2jt59nu4] {
    color: #abc1ce;
    background: rgba(137, 166, 185, .1);
}

.h2h-odds-move.up[b-fb2jt59nu4] {
    color: #bff8d3;
    background: rgba(53, 218, 120, .1);
}

.h2h-odds-move.down[b-fb2jt59nu4] {
    color: #ffc4ca;
    background: rgba(255, 92, 108, .1);
}

.h2h-odds-badge[b-fb2jt59nu4] {
    display: inline-flex;
    padding: .22rem .45rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 800;
}

.h2h-odds-badge.real[b-fb2jt59nu4] {
    color: #bff8d3;
    border-color: rgba(53, 218, 120, .28);
    background: rgba(53, 218, 120, .08);
}

.h2h-odds-badge.calculated[b-fb2jt59nu4] {
    color: #d6c1ff;
    border-color: rgba(170, 99, 255, .3);
    background: rgba(170, 99, 255, .09);
}

.h2h-odds-details[b-fb2jt59nu4] {
    margin-top: .75rem;
    border: 1px solid rgba(105, 171, 220, .14);
    border-radius: 11px;
    background: rgba(5, 20, 34, .45);
}

.h2h-odds-details summary[b-fb2jt59nu4] {
    padding: .68rem .8rem;
    color: #b9d9e9;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 700;
}

.h2h-odds-details .all-houses[b-fb2jt59nu4] {
    max-height: 360px;
    margin: 0 .7rem .7rem;
    overflow: auto;
}

.h2h-odds-disclaimer[b-fb2jt59nu4] {
    margin-top: .75rem;
    padding: .65rem .75rem;
    color: #8eabbc;
    border-left: 3px solid rgba(21, 191, 232, .55);
    border-radius: 0 8px 8px 0;
    background: rgba(21, 191, 232, .055);
    font-size: .67rem;
    line-height: 1.5;
}

.h2h-odds-disclaimer strong[b-fb2jt59nu4] {
    color: #cceaf8;
}

@media (max-width: 900px) {
    .h2h-odds-heading[b-fb2jt59nu4] {
        flex-direction: column;
    }

    .h2h-odds-summary[b-fb2jt59nu4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .h2h-odds-summary[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Respaldo estadístico de la señal de resultado
   ============================================================ */
.result-support-panel[b-fb2jt59nu4] { position: relative; margin-bottom: .85rem; }
.result-support-panel.supported[b-fb2jt59nu4] { border-color: rgba(53, 218, 120, .42); }
.result-support-panel.contradicted[b-fb2jt59nu4] { border-color: rgba(255, 79, 98, .48); }
.result-support-panel.reserved[b-fb2jt59nu4] { border-color: rgba(244, 188, 61, .42); }
.result-support-panel.insufficient[b-fb2jt59nu4] { border-color: rgba(140, 165, 185, .28); }

.result-support-status[b-fb2jt59nu4] {
    display: inline-flex; align-items: center; min-height: 32px; padding: .35rem .7rem;
    border: 1px solid; border-radius: 999px; font-size: .72rem; font-weight: 800; white-space: nowrap;
}
.result-support-status.supported[b-fb2jt59nu4] { color: #baf8d2; border-color: rgba(53, 218, 120, .42); background: rgba(53, 218, 120, .10); }
.result-support-status.contradicted[b-fb2jt59nu4] { color: #ffd1d6; border-color: rgba(255, 79, 98, .44); background: rgba(255, 79, 98, .10); }
.result-support-status.reserved[b-fb2jt59nu4] { color: #ffe8ad; border-color: rgba(244, 188, 61, .42); background: rgba(244, 188, 61, .10); }
.result-support-status.insufficient[b-fb2jt59nu4] { color: #c4d4df; border-color: rgba(140, 165, 185, .28); background: rgba(140, 165, 185, .08); }

.result-support-summary[b-fb2jt59nu4] { display: grid; grid-template-columns: 1.15fr 1fr .8fr; gap: .7rem; margin-bottom: .85rem; }
.result-support-summary > div[b-fb2jt59nu4] { padding: .8rem; border: 1px solid var(--border); border-radius: 12px; background: rgba(7, 24, 39, .62); }
.result-support-summary span[b-fb2jt59nu4], .result-support-summary small[b-fb2jt59nu4] { display: block; }
.result-support-summary span[b-fb2jt59nu4] { margin-bottom: .25rem; color: var(--muted); font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; }
.result-support-summary strong[b-fb2jt59nu4] { display: block; font-size: 1rem; }
.result-support-summary small[b-fb2jt59nu4] { margin-top: .25rem; color: #9fb8c8; font-size: .67rem; }

.result-support-table-wrap[b-fb2jt59nu4] { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; }
.result-support-table[b-fb2jt59nu4] { width: 100%; min-width: 760px; border-collapse: collapse; }
.result-support-table th[b-fb2jt59nu4], .result-support-table td[b-fb2jt59nu4] { padding: .68rem .72rem; border-bottom: 1px solid rgba(105, 171, 220, .12); text-align: left; vertical-align: middle; }
.result-support-table th[b-fb2jt59nu4] { color: var(--muted); background: rgba(7, 24, 39, .72); font-size: .65rem; text-transform: uppercase; letter-spacing: .04em; }
.result-support-table td[b-fb2jt59nu4] { color: #d9eaf4; font-size: .75rem; }
.result-support-table td:first-child[b-fb2jt59nu4] { min-width: 250px; }
.result-support-table td:first-child strong[b-fb2jt59nu4], .result-support-table td:first-child small[b-fb2jt59nu4] { display: block; }
.result-support-table td:first-child small[b-fb2jt59nu4] { margin-top: .18rem; color: var(--muted); line-height: 1.35; }
.result-support-table tr:last-child td[b-fb2jt59nu4] { border-bottom: 0; }

.result-support-pill[b-fb2jt59nu4] { display: inline-flex; min-width: 82px; justify-content: center; padding: .28rem .55rem; border: 1px solid; border-radius: 999px; font-size: .67rem; font-weight: 800; }
.result-support-pill.supports[b-fb2jt59nu4] { color: #baf8d2; border-color: rgba(53, 218, 120, .4); background: rgba(53, 218, 120, .09); }
.result-support-pill.contradicts[b-fb2jt59nu4] { color: #ffd1d6; border-color: rgba(255, 79, 98, .42); background: rgba(255, 79, 98, .09); }
.result-support-pill.neutral[b-fb2jt59nu4] { color: #c9d8e2; border-color: rgba(140, 165, 185, .28); background: rgba(140, 165, 185, .08); }

.result-support-verdict[b-fb2jt59nu4] { display: grid; grid-template-columns: repeat(3, minmax(100px, 150px)) 1fr; align-items: center; gap: .65rem; margin-top: .75rem; }
.result-support-verdict > div[b-fb2jt59nu4] { padding: .58rem .7rem; border: 1px solid var(--border); border-radius: 10px; background: rgba(8, 27, 44, .62); }
.result-support-verdict span[b-fb2jt59nu4] { display: block; color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.result-support-verdict strong[b-fb2jt59nu4] { display: block; margin-top: .12rem; font-size: 1.1rem; }
.result-support-verdict p[b-fb2jt59nu4] { margin: 0; color: #aec4d2; font-size: .72rem; line-height: 1.45; }

.result-context-block[b-fb2jt59nu4] { margin-top: .85rem; padding-top: .8rem; border-top: 1px solid rgba(105, 171, 220, .14); }
.result-context-heading[b-fb2jt59nu4] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .55rem; }
.result-context-heading strong[b-fb2jt59nu4] { font-size: .78rem; }
.result-context-heading span[b-fb2jt59nu4] { color: var(--muted); font-size: .68rem; }
.result-context-grid[b-fb2jt59nu4] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.result-context-grid > div[b-fb2jt59nu4] { padding: .68rem; border: 1px solid var(--border); border-radius: 10px; background: rgba(8, 27, 44, .55); }
.result-context-grid span[b-fb2jt59nu4], .result-context-grid strong[b-fb2jt59nu4], .result-context-grid p[b-fb2jt59nu4] { display: block; }
.result-context-grid span[b-fb2jt59nu4] { color: var(--muted); font-size: .64rem; text-transform: uppercase; }
.result-context-grid strong[b-fb2jt59nu4] { margin-top: .22rem; font-size: .9rem; }
.result-context-grid strong small[b-fb2jt59nu4] { color: var(--muted); font-size: .65rem; }
.result-context-grid p[b-fb2jt59nu4] { margin: .28rem 0 0; color: #9fb8c8; font-size: .67rem; line-height: 1.35; }

@media (max-width: 1050px) {
    .result-support-summary[b-fb2jt59nu4] { grid-template-columns: 1fr 1fr; }
    .result-support-summary > div:last-child[b-fb2jt59nu4] { grid-column: 1 / -1; }
    .result-support-verdict[b-fb2jt59nu4] { grid-template-columns: repeat(3, minmax(90px, 1fr)); }
    .result-support-verdict p[b-fb2jt59nu4] { grid-column: 1 / -1; }
    .result-context-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .result-support-summary[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .result-support-summary > div:last-child[b-fb2jt59nu4] { grid-column: auto; }
    .result-support-verdict[b-fb2jt59nu4] { grid-template-columns: repeat(3, 1fr); }
    .result-context-heading[b-fb2jt59nu4] { display: grid; gap: .25rem; }
}

/* Contexto explícito de la forma: local en casa / visitante fuera. */
.form-title > div[b-fb2jt59nu4] { display: grid; gap: .12rem; }
.form-title small[b-fb2jt59nu4] { color: var(--muted); font-size: .66rem; font-weight: 500; }
.form-pills[b-fb2jt59nu4] { flex-wrap: wrap; }


@media (max-width: 640px) {
    .form-pill[data-tooltip][b-fb2jt59nu4]::after {
        min-width: 180px;
        max-width: 230px;
        font-size: .65rem;
    }
}


/* ================================================================
   Matriz fija del torneo/temporada
   Se carga al cambiar de torneo y permanece estable entre partidos.
   ================================================================ */
.season-matrix-panel[b-fb2jt59nu4] {
    margin-top: .9rem;
    margin-bottom: .9rem;
}
.season-matrix-heading[b-fb2jt59nu4] {
    align-items: center;
    margin-bottom: .85rem;
}
.season-matrix-heading p[b-fb2jt59nu4] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .69rem;
}
.season-matrix-status[b-fb2jt59nu4] {
    display: grid;
    min-width: 138px;
    padding: .55rem .7rem;
    border: 1px solid rgba(53,218,120,.22);
    border-radius: 10px;
    background: rgba(53,218,120,.07);
    text-align: right;
}
.season-matrix-status strong[b-fb2jt59nu4] {
    color: var(--green);
    font-size: 1rem;
}
.season-matrix-status span[b-fb2jt59nu4] {
    color: var(--muted);
    font-size: .6rem;
}
.season-matrix-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: .8rem;
}
.season-matrix-table-wrap[b-fb2jt59nu4] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(105,171,220,.14);
    border-radius: 11px;
    background: rgba(5,22,36,.58);
}
.season-matrix-table-title[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .6rem;
    padding: .65rem .72rem;
    border-bottom: 1px solid rgba(105,171,220,.12);
}
.season-matrix-table-title strong[b-fb2jt59nu4] { font-size: .78rem; }
.season-matrix-table-title span[b-fb2jt59nu4] { color: var(--muted); font-size: .58rem; }
.season-matrix-scroll[b-fb2jt59nu4] { overflow-x: auto; }
.season-matrix-table[b-fb2jt59nu4] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: .63rem;
}
.season-matrix-table th[b-fb2jt59nu4],
.season-matrix-table td[b-fb2jt59nu4] {
    padding: .42rem .4rem;
    border-bottom: 1px solid rgba(105,171,220,.08);
    text-align: center;
    white-space: nowrap;
}
.season-matrix-table th[b-fb2jt59nu4] {
    color: #86a4b8;
    background: rgba(8,29,47,.72);
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.season-matrix-table td[b-fb2jt59nu4] { color: #d9e8f2; }
.season-matrix-table td.team-name[b-fb2jt59nu4] {
    text-align: left;
    font-weight: 700;
}
.season-matrix-table td.points[b-fb2jt59nu4] {
    color: var(--green);
    font-weight: 800;
}
.zone-pill[b-fb2jt59nu4] {
    display: inline-flex;
    justify-content: center;
    min-width: 48px;
    padding: .18rem .34rem;
    border-radius: 999px;
    font-size: .55rem;
    font-weight: 800;
}
.zone-pill.elite[b-fb2jt59nu4] { color:#bdf6d1; background:rgba(53,218,120,.14); }
.zone-pill.strong[b-fb2jt59nu4] { color:#c8e3ff; background:rgba(45,140,255,.14); }
.zone-pill.medium[b-fb2jt59nu4] { color:#ffe8a8; background:rgba(244,188,61,.13); }
.zone-pill.weak[b-fb2jt59nu4] { color:#ffc1c9; background:rgba(244,73,93,.13); }
.zone-pill.empty[b-fb2jt59nu4] { color:var(--muted); background:rgba(105,171,220,.08); }
.season-matrix-footnote[b-fb2jt59nu4] {
    margin-top: .65rem;
    color: var(--muted);
    font-size: .62rem;
    line-height: 1.45;
}
@media (max-width: 1100px) {
    .season-matrix-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
    .season-matrix-heading[b-fb2jt59nu4] { align-items:flex-start; flex-direction:column; }
    .season-matrix-status[b-fb2jt59nu4] { width:100%; text-align:left; }
}

/* ================================================================
   Matriz gráfica fija del torneo
   - Misma lectura visual que Matriz de Resultados
   - Se alimenta de los datos cacheados al cambiar de torneo
   - Cambiar jornada/partido NO vuelve a consultar la matriz
   ================================================================ */
.season-matrix-legend[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem 1rem;
    margin: .1rem 0 .75rem;
    color: #c9dbea;
    font-size: .66rem;
    font-weight: 700;
}

.season-matrix-legend > span[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}

.season-matrix-legend-box[b-fb2jt59nu4] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,.18);
    flex: 0 0 auto;
}

.season-matrix-cut-line[b-fb2jt59nu4] {
    display: inline-block;
    width: 18px;
    height: 15px;
    border-left: 3px solid rgba(220,235,247,.9);
}

.season-graphic-matrix-scroll[b-fb2jt59nu4] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    border: 1px solid rgba(105,171,220,.18);
    border-radius: 11px;
    background: rgba(3,15,26,.82);
}

.season-graphic-matrix[b-fb2jt59nu4] {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0;
    color: #eef7ff;
    background: #061523;
    font-size: .68rem;
}

.season-graphic-matrix th[b-fb2jt59nu4],
.season-graphic-matrix td[b-fb2jt59nu4] {
    border: 1px solid #20415e;
}

.season-matrix-corner[b-fb2jt59nu4] {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 8;
    width: 184px;
    min-width: 184px;
    height: 112px;
    padding: .45rem;
    vertical-align: middle;
    text-align: left;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f3f8fc !important;
    font-size: .66rem;
    font-weight: 900;
}

.season-matrix-column[b-fb2jt59nu4] {
    position: sticky;
    top: 0;
    z-index: 6;
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 112px;
    padding: 0;
    vertical-align: bottom;
    text-align: center;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f3f8fc !important;
}

.season-matrix-position[b-fb2jt59nu4] {
    padding-top: 2px;
    color: #7fd0ff;
    font-size: .58rem;
    font-weight: 900;
    line-height: 1.05;
}

.season-matrix-zone[b-fb2jt59nu4] {
    margin-top: 1px;
    color: #abc0d0;
    font-size: .47rem;
    font-weight: 800;
    line-height: 1;
}

.season-matrix-team-vertical[b-fb2jt59nu4] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 88px;
    margin: auto;
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #f4f8fc;
    font-size: .65rem;
    font-weight: 700;
    line-height: 1.05;
}

.season-matrix-row-team[b-fb2jt59nu4] {
    position: sticky;
    left: 0;
    z-index: 5;
    width: 184px;
    min-width: 184px;
    max-width: 184px;
    height: 31px;
    padding: .28rem .4rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f4f8fc !important;
}

.season-matrix-row-position[b-fb2jt59nu4] {
    display: inline-block;
    width: 20px;
    color: #7fd0ff;
    font-size: .58rem;
    font-weight: 900;
}

.season-matrix-row-zone[b-fb2jt59nu4] {
    display: inline-block;
    width: 43px;
    color: #afc2d2;
    font-size: .52rem;
    font-weight: 800;
}

.season-matrix-row-name[b-fb2jt59nu4] {
    display: inline-block;
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #f4f8fc;
    font-size: .66rem;
    font-weight: 700;
}

.season-matrix-cell[b-fb2jt59nu4] {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 31px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background: #f5f7f9;
    color: #07111d;
    font-size: .66rem;
    font-weight: 900;
    line-height: 31px;
}

.season-matrix-diagonal[b-fb2jt59nu4] {
    background: linear-gradient(135deg,#1b2632,#07101a) !important;
    color: #9fb4c5 !important;
}

.matrix-home-win[b-fb2jt59nu4] {
    background: linear-gradient(135deg,#0bd85b,#01953e) !important;
    color: #04130a !important;
    border-color: #55ec92 !important;
}

.matrix-draw[b-fb2jt59nu4] {
    background: linear-gradient(135deg,#f8c700,#d6a500) !important;
    color: #111827 !important;
    border-color: #ffe468 !important;
}

.matrix-away-win[b-fb2jt59nu4] {
    background: linear-gradient(135deg,#ef3333,#bd0f19) !important;
    color: #fff !important;
    border-color: #ff7078 !important;
}

.season-graphic-matrix td.matrix-current-match[b-fb2jt59nu4] {
    position: relative;
    z-index: 2;
    background: #66b9ff !important;
    color: #06223a !important;
    border-color: #b9e3ff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),
                0 0 10px rgba(102,185,255,.65) !important;
}

.season-matrix-cut-vertical[b-fb2jt59nu4] {
    border-left: 3px solid #02060b !important;
}

.season-matrix-cut-horizontal > th[b-fb2jt59nu4],
.season-matrix-cut-horizontal > td[b-fb2jt59nu4] {
    border-top: 3px solid #02060b !important;
}

@media (max-width: 700px) {
    .season-matrix-corner[b-fb2jt59nu4],
    .season-matrix-row-team[b-fb2jt59nu4] {
        width: 154px;
        min-width: 154px;
        max-width: 154px;
    }

    .season-matrix-row-name[b-fb2jt59nu4] {
        max-width: 82px;
    }

    .season-matrix-column[b-fb2jt59nu4],
    .season-matrix-cell[b-fb2jt59nu4] {
        width: 38px;
        min-width: 38px;
        max-width: 38px;
    }
}


/* ================================================================
   Orden H2H: filtros > cintilla > matriz minimizada > análisis
   ================================================================ */
.match-hero-strip[b-fb2jt59nu4] {
    margin-top: 0;
    margin-bottom: .75rem;
    min-height: 96px;
}
.match-hero-strip.empty-match[b-fb2jt59nu4] {
    opacity: .78;
}
.match-hero-strip.empty-match .team-avatar[b-fb2jt59nu4] {
    opacity: .72;
}
.match-hero-strip.empty-match h2[b-fb2jt59nu4] {
    color: #9eb4c5;
}

.season-matrix-collapsible[b-fb2jt59nu4] {
    padding: 0 !important;
    overflow: hidden;
}
.season-matrix-summary[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .82rem 1rem;
    cursor: pointer;
    user-select: none;
    list-style: none;
}
.season-matrix-summary[b-fb2jt59nu4]::-webkit-details-marker {
    display: none;
}
.season-matrix-summary-copy[b-fb2jt59nu4] {
    display: grid;
    gap: .18rem;
    min-width: 0;
}
.season-matrix-summary-copy > strong[b-fb2jt59nu4] {
    color: var(--text);
    font-size: .92rem;
}
.season-matrix-summary-copy > small[b-fb2jt59nu4] {
    color: var(--muted);
    font-size: .62rem;
}
.season-matrix-summary-side[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex: 0 0 auto;
}
.season-matrix-summary .season-matrix-status[b-fb2jt59nu4] {
    min-width: 118px;
    padding: .42rem .6rem;
}
.season-matrix-toggle-text[b-fb2jt59nu4] {
    color: #9eb8ca;
    font-size: .62rem;
    font-weight: 700;
    white-space: nowrap;
}
.season-matrix-toggle-icon[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(105,171,220,.2);
    border-radius: 8px;
    color: #cfe5f5;
    background: rgba(8,29,47,.72);
    transition: transform .18s ease;
}
.season-matrix-collapsible[open] .season-matrix-toggle-icon[b-fb2jt59nu4] {
    transform: rotate(180deg);
}
.season-matrix-body[b-fb2jt59nu4] {
    padding: .2rem 1rem 1rem;
    border-top: 1px solid rgba(105,171,220,.12);
}

@media (max-width: 760px) {
    .season-matrix-summary[b-fb2jt59nu4] {
        align-items: flex-start;
        flex-direction: column;
    }
    .season-matrix-summary-side[b-fb2jt59nu4] {
        width: 100%;
        justify-content: space-between;
    }
    .season-matrix-toggle-text[b-fb2jt59nu4] {
        display: none;
    }
}


/* -------------------------------------------------------------------------
   Forma en contexto · pestaña Goles por tiempo.
   Usa minutos exactos importados desde Flashscore cuando existen y conserva
   el desglose 1T/2T como respaldo para históricos anteriores.
   ------------------------------------------------------------------------- */
.form-panel-heading[b-fb2jt59nu4] { align-items: center; }
.form-view-tabs[b-fb2jt59nu4] { justify-content: flex-end; }
.goal-time-note[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .8rem;
    padding: .55rem .65rem;
    border: 1px solid rgba(21, 191, 232, .18);
    border-radius: 9px;
    background: rgba(21, 191, 232, .055);
}
.goal-time-note > span[b-fb2jt59nu4] { font-size: 1rem; }
.goal-time-note strong[b-fb2jt59nu4],
.goal-time-note small[b-fb2jt59nu4] { display: block; }
.goal-time-note strong[b-fb2jt59nu4] { color: #d7edf9; font-size: .7rem; }
.goal-time-note small[b-fb2jt59nu4] { margin-top: .1rem; color: var(--muted); font-size: .62rem; line-height: 1.35; }
.goal-time-team[b-fb2jt59nu4] { min-width: 0; }
.goal-time-team-head[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .8rem;
    margin-bottom: .55rem;
}
.goal-time-team-head > div[b-fb2jt59nu4] { display: grid; gap: .1rem; }
.goal-time-team-head strong[b-fb2jt59nu4] { font-size: .78rem; }
.goal-time-team-head small[b-fb2jt59nu4],
.goal-time-team-head > span[b-fb2jt59nu4] { color: var(--muted); font-size: .62rem; }
.goal-time-list[b-fb2jt59nu4] { display: grid; gap: .38rem; }
.goal-time-row[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(190px, .92fr) minmax(330px, 1.9fr) minmax(54px, auto);
    align-items: center;
    gap: .65rem;
    min-height: 40px;
    padding: .28rem .5rem;
    border: 1px solid rgba(111, 169, 208, .10);
    border-radius: 8px;
    background: rgba(4, 18, 31, .38);
}
.goal-time-row:hover[b-fb2jt59nu4] { background: rgba(45, 140, 255, .045); }
.goal-time-match[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 50px 42px minmax(90px, 1fr);
    align-items: center;
    gap: .42rem;
    min-width: 0;
}
.goal-time-match small[b-fb2jt59nu4] { color: var(--muted); font-size: .58rem; text-transform: uppercase; }
.goal-time-match strong[b-fb2jt59nu4] {
    display: inline-flex;
    justify-content: center;
    padding: .16rem .28rem;
    color: #ecf8ff;
    border-radius: 5px;
    background: rgba(105, 171, 220, .12);
    font-size: .68rem;
}
.goal-time-match span[b-fb2jt59nu4] { overflow: hidden; color: #b9cedb; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.goal-time-track[b-fb2jt59nu4] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-width: 210px;
    height: 30px;
    overflow: hidden;
    border: 1px solid rgba(112, 157, 202, .34);
    border-radius: 4px;
    background: linear-gradient(180deg, #365574, #213b57);
    border-color: rgba(112, 157, 202, .34);
    box-shadow:
        inset 0 0 12px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255,255,255,.05);
}
.goal-half[b-fb2jt59nu4] {
    position: relative;
    display: grid;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    padding: 2px 20px 2px 5px;
}
.goal-half + .goal-half[b-fb2jt59nu4] { border-left: 2px solid rgba(238, 246, 255, .76); }

/* Línea cronológica exacta 0'–90'. */
.exact-goal-track[b-fb2jt59nu4] {
    display: block;
    height: 18px;
    overflow: visible;
    border: 1px solid rgba(112, 157, 202, .34);
    border-radius: 3px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .18);
    background:
        linear-gradient(90deg, transparent 49.7%, rgba(240,247,255,.86) 49.8%, rgba(240,247,255,.86) 50.2%, transparent 50.3%),
        linear-gradient(180deg, #365574, #213b57);
}
.exact-period-label[b-fb2jt59nu4],
.exact-axis-label.start[b-fb2jt59nu4] {
    display: none;
}
.exact-axis-label[b-fb2jt59nu4] {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    color: rgba(232, 244, 239, .84);
    font-size: .42rem;
    line-height: 1;
    pointer-events: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
}
.exact-axis-label.half[b-fb2jt59nu4] {
    left: 50%;
    transform: translate(-50%, -50%);
}
.exact-axis-label.end[b-fb2jt59nu4] {
    right: 4px;
    transform: translateY(-50%);
}

.exact-goal-marker[b-fb2jt59nu4] {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 14px;
    transform: translateX(-50%);
    line-height: 1;
    cursor: help;
}
.exact-goal-marker.favor[b-fb2jt59nu4],
.exact-goal-marker.contra[b-fb2jt59nu4] {
    top: 1px;
}
.exact-goal-marker i[b-fb2jt59nu4] { font-style: normal; line-height: 1; }
.exact-scored-ball[b-fb2jt59nu4] {
    display: inline-block;
    font-size: .66rem;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.exact-conceded-ball[b-fb2jt59nu4] {
    width: .60rem;
    height: .60rem;
    flex-basis: .60rem;
}
.goal-time-score-split.exact-scale[b-fb2jt59nu4] {
    color: #a9c2d0;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.goal-half-label[b-fb2jt59nu4] {
    position: absolute;
    right: 3px;
    bottom: 2px;
    padding: 0 .16rem;
    color: #d8efe7;
    border-radius: 2px;
    background: rgba(2, 35, 27, .64);
    font-size: .46rem;
    line-height: 1.25;
}
.goal-icons[b-fb2jt59nu4] { display: flex; align-items: center; gap: 1px; min-width: 0; line-height: 1; }
.goal-icons i[b-fb2jt59nu4] { font-style: normal; font-size: .72rem; filter: drop-shadow(0 1px 1px rgba(0,0,0,.45)); }
.goal-icons.conceded i[b-fb2jt59nu4] { font-size: .66rem; }

.goal-ball[b-fb2jt59nu4] {
    display: inline-block;
    width: .74rem;
    height: .74rem;
    flex: 0 0 .74rem;
    border-radius: 50%;
    vertical-align: middle;
    box-sizing: border-box;
}

.conceded-ball[b-fb2jt59nu4] {
    position: relative;
    border: 1px solid #080b0d;
    background:
        radial-gradient(circle at 50% 50%, #090b0d 0 20%, transparent 21%),
        radial-gradient(circle at 25% 27%, #090b0d 0 11%, transparent 12%),
        radial-gradient(circle at 76% 27%, #090b0d 0 11%, transparent 12%),
        radial-gradient(circle at 24% 73%, #090b0d 0 11%, transparent 12%),
        radial-gradient(circle at 77% 73%, #090b0d 0 11%, transparent 12%),
        #e53935;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.18),
        0 1px 2px rgba(0,0,0,.45);
}

.conceded-ball[b-fb2jt59nu4]::after {
    content: "";
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.42);
    opacity: .55;
}

.legend-ball[b-fb2jt59nu4] {
    margin-right: .22rem;
}
.goal-time-score-split[b-fb2jt59nu4] { display: grid; gap: .12rem; min-width: 54px; color: #9fb9c8; font-size: .54rem; text-align: right; }
.goal-time-score-split span[b-fb2jt59nu4] { white-space: nowrap; }
.goal-time-missing[b-fb2jt59nu4] { grid-column: 2 / -1; padding: .35rem; color: var(--muted); font-size: .61rem; text-align: center; border: 1px dashed rgba(111,169,208,.15); border-radius: 6px; }
.goal-time-legend[b-fb2jt59nu4] { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: .65rem; color: var(--muted); font-size: .61rem; }
.legend-goal[b-fb2jt59nu4] { font-style: normal; margin-right: .18rem; }
.legend-goal.conceded[b-fb2jt59nu4] { color: #c6d2d9; }

@media (max-width: 720px) {
    .form-compare-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .form-panel-heading[b-fb2jt59nu4] { align-items: flex-start; flex-direction: column; }
    .form-view-tabs[b-fb2jt59nu4] { justify-content: flex-start; }
    .goal-time-row[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .goal-time-track[b-fb2jt59nu4] { min-width: 0; width: 100%; }
    .goal-time-score-split[b-fb2jt59nu4] { grid-template-columns: 1fr 1fr; text-align: left; }
    .goal-time-missing[b-fb2jt59nu4] { grid-column: auto; }
}


/* Respaldo 1T/2T cuando los minutos exactos están incompletos:
   todos los goles de cada tiempo quedan agrupados al inicio de su mitad. */
.goal-half.fallback-half[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 2px 20px 2px 5px;
}

.fallback-goals[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2px;
    width: 100%;
    overflow: visible;
}


/* Cara a Cara integrado como tercera pestaña. */
.h2h-tab-result[b-fb2jt59nu4] { min-height: 245px; }
.h2h-tab-donut[b-fb2jt59nu4] {
    min-height: 245px;
    grid-template-columns: 180px minmax(260px, 1fr);
}
.h2h-tab-donut .result-donut[b-fb2jt59nu4] {
    width: 158px;
    height: 158px;
}
.h2h-tab-donut .result-legend[b-fb2jt59nu4] { gap: .95rem; }
.h2h-tab-donut .result-legend > div[b-fb2jt59nu4] {
    grid-template-columns: 12px minmax(150px, 1fr) auto;
    padding: .5rem .6rem;
    border: 1px solid rgba(111,169,208,.10);
    border-radius: 8px;
    background: rgba(4,18,31,.28);
}
.h2h-tab-donut .result-legend span[b-fb2jt59nu4] { font-size: .76rem; }
.compact-empty[b-fb2jt59nu4] { min-height: 245px; }

@media (max-width: 1050px) {
    .h2h-tab-donut[b-fb2jt59nu4] { grid-template-columns: 160px 1fr; }
}
@media (max-width: 720px) {
    .h2h-tab-donut[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}


/* =========================================================================
   H2H - CINTILLAS COMPACTAS + PARTIDO FIJO AL HACER SCROLL
   Sólo presentación. No modifica consultas, cálculos ni estado.
   ========================================================================= */

/* Cintilla de información / mensajes: menos altura. */
.h2h-alert[b-fb2jt59nu4] {
    margin-bottom: .48rem;
    padding: .38rem .72rem;
    border-radius: 9px;
    font-size: .72rem;
    line-height: 1.25;
}

/* Cintilla del partido: compacta y siempre visible al bajar. */
.match-hero-strip[b-fb2jt59nu4] {
    position: sticky;
    top: .35rem;
    z-index: 60;
    gap: .62rem;
    padding: .46rem .78rem;
    margin-bottom: .58rem;
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(53, 218, 120, .075), transparent 35%),
        linear-gradient(270deg, rgba(45, 140, 255, .075), transparent 35%),
        rgba(7, 25, 41, .965);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, .24),
        0 1px 0 rgba(255, 255, 255, .025) inset;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Avatares más pequeños para reducir la altura de la cintilla. */
.match-hero-strip .team-avatar[b-fb2jt59nu4] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    font-size: .72rem;
}

.match-hero-strip .team-side[b-fb2jt59nu4] {
    gap: .55rem;
}

.match-hero-strip .team-side > div:not(.team-avatar)[b-fb2jt59nu4] {
    min-width: 0;
}

.match-hero-strip .team-side span[b-fb2jt59nu4] {
    font-size: .52rem;
    line-height: 1;
}

.match-hero-strip .team-side h2[b-fb2jt59nu4] {
    margin: .02rem 0;
    font-size: clamp(.88rem, 1.4vw, 1.12rem);
    line-height: 1.08;
}

/* Centro del partido más fino. */
.match-hero-strip .match-center[b-fb2jt59nu4] {
    min-width: 180px;
}

.match-hero-strip .match-center > strong[b-fb2jt59nu4] {
    margin: .06rem 0;
    font-size: 1rem;
    line-height: 1;
}

.match-hero-strip .match-center > div:not(.match-status-line)[b-fb2jt59nu4] {
    font-size: .70rem;
    line-height: 1.12;
}

.match-hero-strip .match-center small[b-fb2jt59nu4] {
    margin-top: .08rem;
    font-size: .57rem;
    line-height: 1.1;
}

.match-hero-strip .match-status-line[b-fb2jt59nu4] {
    gap: .3rem;
}

.match-hero-strip .match-jornada[b-fb2jt59nu4] {
    padding: .17rem .42rem;
    font-size: .55rem;
    line-height: 1;
}

.match-hero-strip .match-status[b-fb2jt59nu4] {
    padding: .16rem .40rem;
    font-size: .50rem;
    line-height: 1;
}

/* Al quedar pegada arriba, reforzamos el borde para separarla del contenido. */
.match-hero-strip[b-fb2jt59nu4]::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: -1px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(53, 218, 120, .26),
        rgba(45, 140, 255, .24),
        transparent
    );
}

.h2h-load-context[b-fb2jt59nu4] {
    display: grid;
    gap: .34rem;
    width: 100%;
    min-width: 0;
    margin: -.12rem 0 .58rem;
    padding: .48rem .72rem;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 10px;
    background: rgba(5, 20, 35, .58);
}

.h2h-load-status-row[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem .65rem;
    min-width: 0;
}

.h2h-load-status[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .28rem;
    min-width: 0;
}

.h2h-load-status > span[b-fb2jt59nu4] {
    color: #b6c9d6;
    font-size: .61rem;
    font-weight: 800;
}

.h2h-load-status > strong[b-fb2jt59nu4] {
    font-size: .68rem;
}

.h2h-load-separator[b-fb2jt59nu4] {
    color: #587488;
    font-size: .7rem;
}

.h2h-load-details[b-fb2jt59nu4] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem 1.2rem;
    padding-top: .3rem;
    border-top: 1px solid rgba(148, 163, 184, .11);
}

.h2h-load-details small[b-fb2jt59nu4] {
    color: #9eb4c5;
    font-size: .56rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.h2h-load-details strong[b-fb2jt59nu4] { color: #c4d4df; }
.h2h-load-favorable[b-fb2jt59nu4] { color: #4ade80; }
.h2h-load-medium[b-fb2jt59nu4] { color: #fde047; }
.h2h-load-high[b-fb2jt59nu4] { color: #fb923c; }
.h2h-load-empty[b-fb2jt59nu4] { color: #94a3b8; }

/* Pantallas medianas/pequeñas: conserva una sola fila compacta. */
@media (max-width: 760px) {
    .match-hero-strip[b-fb2jt59nu4] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: .34rem;
        top: .18rem;
        padding: .40rem .50rem;
    }

    .match-hero-strip .team-avatar[b-fb2jt59nu4] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: .62rem;
    }

    .match-hero-strip .team-side[b-fb2jt59nu4] {
        gap: .32rem;
        min-width: 0;
    }

    .match-hero-strip .team-side span[b-fb2jt59nu4] {
        display: none;
    }

    .match-hero-strip .team-side h2[b-fb2jt59nu4] {
        overflow: hidden;
        font-size: .78rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .match-hero-strip .match-center[b-fb2jt59nu4] {
        min-width: 112px;
    }

    .match-hero-strip .match-center small[b-fb2jt59nu4] {
        display: none;
    }

    .match-hero-strip .match-center > div:not(.match-status-line)[b-fb2jt59nu4] {
        font-size: .60rem;
    }

    .match-hero-strip .match-jornada[b-fb2jt59nu4],
    .match-hero-strip .match-status[b-fb2jt59nu4] {
        font-size: .46rem;
    }

    .h2h-load-status[b-fb2jt59nu4] {
        flex: 1 1 100%;
    }

    .h2h-load-separator[b-fb2jt59nu4] {
        display: none;
    }

    .h2h-load-details[b-fb2jt59nu4] {
        flex-direction: column;
    }
}

/* -------------------------------------------------------------------------
   Vista radar comparativa.
   ------------------------------------------------------------------------- */
.compare-view-switch[b-fb2jt59nu4] {
    display: flex;
    justify-content: center;
    gap: .35rem;
    margin: -.18rem 0 .85rem;
}
.radar-legend[b-fb2jt59nu4] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: .25rem;
}
.radar-team[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #cfe2ee;
    font-size: .7rem;
    font-weight: 600;
}
.radar-team i[b-fb2jt59nu4] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-shadow: 0 0 14px currentColor, 0 0 3px currentColor;
}
.radar-team.local i[b-fb2jt59nu4] { background: var(--green); color: var(--green); }
.radar-team.visitor i[b-fb2jt59nu4] { background: var(--blue); color: var(--blue); }
.radar-chart-wrap[b-fb2jt59nu4] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .2rem 0 .35rem;
}
.radar-chart[b-fb2jt59nu4] {
    display: block;
    width: 100%;
    min-width: 460px;
    max-width: 620px;
    margin: 0 auto;
}
.radar-grid-polygon[b-fb2jt59nu4] {
    fill: rgba(111, 169, 208, .018);
    stroke: rgba(130, 184, 220, .2);
    stroke-width: 1;
}
.radar-axis[b-fb2jt59nu4] {
    stroke: rgba(130, 184, 220, .18);
    stroke-width: 1;
}
.radar-axis-label[b-fb2jt59nu4] {
    fill: #a9c3d4;
    font-family: Inter, "Segoe UI Variable", "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.radar-area[b-fb2jt59nu4] {
    stroke-width: 2.25;
    stroke-linejoin: round;
}
.radar-area.radar-local[b-fb2jt59nu4] {
    fill: rgba(47, 220, 132, .18);
    stroke: var(--green);
}
.radar-area.radar-visitor[b-fb2jt59nu4] {
    fill: rgba(71, 164, 255, .16);
    stroke: var(--blue);
}
.radar-point[b-fb2jt59nu4] {
    stroke: #071827;
    stroke-width: 2;
}
.radar-point.local[b-fb2jt59nu4] { fill: var(--green); }
.radar-point.visitor[b-fb2jt59nu4] { fill: var(--blue); }
.radar-values-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .25rem;
}
.radar-value-card[b-fb2jt59nu4] {
    padding: .52rem .6rem;
    border: 1px solid rgba(111, 169, 208, .13);
    border-radius: 9px;
    background: rgba(4, 18, 30, .35);
}
.radar-value-card > span[b-fb2jt59nu4] {
    display: block;
    margin-bottom: .24rem;
    color: var(--muted);
    font-size: .62rem;
    text-align: center;
}
.radar-value-card > div[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .35rem;
}
.radar-value-card strong[b-fb2jt59nu4] {
    font-size: .75rem;
    font-weight: 700;
}
.radar-value-card strong.local[b-fb2jt59nu4] { color: var(--green); text-align: right; }
.radar-value-card strong.visitor[b-fb2jt59nu4] { color: var(--blue); }
.radar-value-card small[b-fb2jt59nu4] { color: #6f8da1; font-size: .56rem; }
.radar-note[b-fb2jt59nu4] {
    margin: .65rem 0 0;
    color: #7895a9;
    font-size: .61rem;
    line-height: 1.45;
    text-align: center;
}

@media (max-width: 650px) {
    .radar-values-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .radar-chart[b-fb2jt59nu4] { min-width: 420px; }
}

/* ============================================================
   TENDENCIAS AUTOMÁTICAS
   ============================================================ */
.trends-panel[b-fb2jt59nu4] {
    overflow: hidden;
}

.trends-heading p[b-fb2jt59nu4] {
    margin: .35rem 0 0;
    color: var(--muted, #91a0ba);
}

.trends-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0 1.25rem 1.1rem;
}

.trend-team-card[b-fb2jt59nu4] {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    background: rgba(5, 15, 31, .48);
    padding: 1rem;
    min-width: 0;
}

.trend-team-card.local[b-fb2jt59nu4] {
    box-shadow: inset 3px 0 0 rgba(56, 189, 248, .85);
}

.trend-team-card.visitor[b-fb2jt59nu4] {
    box-shadow: inset 3px 0 0 rgba(168, 85, 247, .85);
}

.trend-team-head[b-fb2jt59nu4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .8rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.trend-team-head > div[b-fb2jt59nu4] {
    min-width: 0;
}

.trend-team-head span[b-fb2jt59nu4] {
    display: block;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #7f91ad;
}

.trend-team-head strong[b-fb2jt59nu4] {
    display: block;
    margin-top: .2rem;
    font-size: 1rem;
    color: #f8fafc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trend-team-head small[b-fb2jt59nu4] {
    flex: 0 0 auto;
    padding: .28rem .55rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .7);
    color: #a7b4c9;
    font-weight: 700;
}

.trend-list[b-fb2jt59nu4] {
    display: grid;
    gap: .55rem;
}

.trend-item[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .72rem .78rem;
    border-radius: 13px;
    border: 1px solid rgba(148, 163, 184, .12);
    background: rgba(15, 23, 42, .58);
}

.trend-item.positive[b-fb2jt59nu4] { border-color: rgba(34, 197, 94, .20); }
.trend-item.warning[b-fb2jt59nu4] { border-color: rgba(245, 158, 11, .22); }
.trend-item.info[b-fb2jt59nu4] { border-color: rgba(56, 189, 248, .20); }

.trend-icon[b-fb2jt59nu4] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(30, 41, 59, .9);
    color: #e2e8f0;
    font-size: .76rem;
    font-weight: 900;
}

.trend-copy[b-fb2jt59nu4] {
    min-width: 0;
}

.trend-copy strong[b-fb2jt59nu4] {
    display: block;
    color: #eaf0f8;
    font-size: .84rem;
    line-height: 1.35;
}

.trend-copy small[b-fb2jt59nu4] {
    display: block;
    margin-top: .18rem;
    color: #8494ad;
    font-size: .72rem;
}

.trend-rate[b-fb2jt59nu4] {
    min-width: 48px;
    text-align: right;
    font-size: 1rem;
    font-weight: 900;
    color: #f8fafc;
}

.trend-item.positive .trend-rate[b-fb2jt59nu4] { color: #4ade80; }
.trend-item.warning .trend-rate[b-fb2jt59nu4] { color: #fbbf24; }
.trend-item.info .trend-rate[b-fb2jt59nu4] { color: #38bdf8; }

.trend-empty[b-fb2jt59nu4] {
    padding: 1rem;
    text-align: center;
    border: 1px dashed rgba(148, 163, 184, .2);
    border-radius: 12px;
    color: #8494ad;
}

.trends-disclaimer[b-fb2jt59nu4] {
    margin: 0 1.25rem 1.2rem;
    padding-top: .2rem;
    color: #718198;
    font-size: .72rem;
}

@media (max-width: 900px) {
    .trends-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   xG / xGA + LAMBDA
   ========================================================= */
.xg-panel[b-fb2jt59nu4] { margin-bottom: .85rem; }
.xg-heading p[b-fb2jt59nu4] { margin: .3rem 0 0; color: var(--muted); font-size: .76rem; }
.xg-teams-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.xg-team-card[b-fb2jt59nu4] { border:1px solid rgba(111,169,208,.16); border-radius:16px; padding:.9rem; background:rgba(4,18,31,.46); }
.xg-team-card.local[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(53,218,120,.72); }
.xg-team-card.visitor[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(45,140,255,.78); }
.xg-team-title[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; margin-bottom:.8rem; }
.xg-team-title > div[b-fb2jt59nu4] { min-width:0; }
.xg-team-title span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.62rem; font-weight:800; letter-spacing:.08em; }
.xg-team-title strong[b-fb2jt59nu4] { display:block; margin-top:.12rem; font-size:.96rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xg-team-title small[b-fb2jt59nu4] { color:var(--muted); font-size:.66rem; text-align:right; max-width:45%; }
.xg-metric-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.xg-metric[b-fb2jt59nu4] { padding:.72rem; border-radius:12px; border:1px solid rgba(111,169,208,.12); background:rgba(6,25,42,.72); }
.xg-metric span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; }
.xg-metric strong[b-fb2jt59nu4] { display:block; margin:.16rem 0 .08rem; font-size:1.18rem; line-height:1; }
.xg-metric small[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.6rem; line-height:1.25; }
.xg-metric.generated strong[b-fb2jt59nu4] { color:#4ade80; }
.xg-metric.conceded strong[b-fb2jt59nu4] { color:#fbbf24; }
.xg-metric.differential.positive strong[b-fb2jt59nu4] { color:#4ade80; }
.xg-metric.differential.negative strong[b-fb2jt59nu4] { color:#fb7185; }
.xg-metric.differential.neutral strong[b-fb2jt59nu4] { color:#cbd5e1; }
.xg-team-empty[b-fb2jt59nu4] { padding:.8rem; border-radius:12px; border:1px dashed rgba(111,169,208,.18); color:var(--muted); font-size:.72rem; text-align:center; }
.lambda-xg-block[b-fb2jt59nu4] { margin-top:.9rem; border-top:1px solid rgba(111,169,208,.12); padding-top:.85rem; }
.lambda-xg-title[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:.65rem; }
.lambda-xg-title span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.lambda-xg-title strong[b-fb2jt59nu4] { display:block; margin-top:.12rem; font-size:.88rem; }
.lambda-xg-title small[b-fb2jt59nu4] { color:var(--muted); font-size:.64rem; }
.lambda-xg-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }
.lambda-xg-card[b-fb2jt59nu4] { text-align:center; padding:.72rem; border-radius:12px; border:1px solid rgba(111,169,208,.12); background:rgba(6,25,42,.72); }
.lambda-xg-card span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.63rem; }
.lambda-xg-card strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:1.25rem; }
.lambda-xg-card small[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.6rem; }
.lambda-xg-card.local strong[b-fb2jt59nu4] { color:#4ade80; }
.lambda-xg-card.visitor strong[b-fb2jt59nu4] { color:#60a5fa; }
.lambda-xg-card.total strong[b-fb2jt59nu4] { color:#fbbf24; }
.xg-disclaimer[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) {
    .xg-teams-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .xg-metric-grid[b-fb2jt59nu4],.lambda-xg-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
    .xg-team-title[b-fb2jt59nu4],.lambda-xg-title[b-fb2jt59nu4] { flex-direction:column; align-items:flex-start; }
    .xg-team-title small[b-fb2jt59nu4] { max-width:none; text-align:left; }
}

/* =========================================================
   MOMENTUM / FORMA RECIENTE
   ========================================================= */
.momentum-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.momentum-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; }
.momentum-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.momentum-card[b-fb2jt59nu4] { min-width:0; padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.momentum-card.local[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(53,218,120,.72); }
.momentum-card.visitor[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(45,140,255,.78); }
.momentum-card-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; margin-bottom:.72rem; }
.momentum-card-head > div:first-child[b-fb2jt59nu4] { min-width:0; }
.momentum-card-head > div:first-child > span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.momentum-card-head > div:first-child > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:.96rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.momentum-card-head > div:first-child > small[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.63rem; }
.momentum-status[b-fb2jt59nu4] { flex:0 0 auto; min-width:112px; text-align:right; }
.momentum-status > span[b-fb2jt59nu4] { display:inline-block; padding:.16rem .46rem; border-radius:999px; background:rgba(148,163,184,.10); color:#cbd5e1; font-size:.6rem; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }
.momentum-status > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0 0; font-size:1.6rem; line-height:1; color:#cbd5e1; }
.momentum-status > small[b-fb2jt59nu4] { display:block; margin-top:.15rem; color:var(--muted); font-size:.56rem; max-width:145px; line-height:1.2; }
.momentum-status.up > span[b-fb2jt59nu4] { background:rgba(34,197,94,.12); color:#4ade80; }
.momentum-status.up > strong[b-fb2jt59nu4] { color:#4ade80; }
.momentum-status.down > span[b-fb2jt59nu4] { background:rgba(244,63,94,.12); color:#fb7185; }
.momentum-status.down > strong[b-fb2jt59nu4] { color:#fb7185; }
.momentum-chart-wrap[b-fb2jt59nu4] { display:grid; grid-template-columns:24px minmax(0,1fr); gap:.35rem; align-items:stretch; padding:.55rem .55rem .42rem; border:1px solid rgba(111,169,208,.12); border-radius:12px; background:rgba(6,25,42,.72); }
.momentum-axis[b-fb2jt59nu4] { height:92px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; color:#607b90; font-size:.5rem; }
.momentum-chart[b-fb2jt59nu4] { width:100%; height:92px; overflow:visible; }
.momentum-midline[b-fb2jt59nu4] { stroke:rgba(148,163,184,.14); stroke-width:1; stroke-dasharray:4 4; vector-effect:non-scaling-stroke; }
.momentum-line[b-fb2jt59nu4] { fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.momentum-line.local[b-fb2jt59nu4] { stroke:#4ade80; }
.momentum-line.visitor[b-fb2jt59nu4] { stroke:#60a5fa; }
.momentum-bottom[b-fb2jt59nu4] { display:flex; align-items:center; justify-content:space-between; gap:.65rem; margin-top:.6rem; }
.momentum-results[b-fb2jt59nu4] { display:flex; gap:.3rem; flex-wrap:wrap; }
.momentum-results > span[b-fb2jt59nu4] { width:24px; height:24px; display:grid; place-items:center; border-radius:7px; font-size:.61rem; font-weight:900; }
.momentum-stats[b-fb2jt59nu4] { display:flex; gap:.45rem; align-items:center; flex-wrap:wrap; justify-content:flex-end; color:var(--muted); font-size:.6rem; }
.momentum-stats strong[b-fb2jt59nu4] { color:#dbe8f2; font-size:.62rem; }
.momentum-empty[b-fb2jt59nu4] { padding:1rem; text-align:center; border:1px dashed rgba(111,169,208,.18); border-radius:12px; color:var(--muted); font-size:.72rem; }
.momentum-note[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) { .momentum-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) {
    .momentum-card-head[b-fb2jt59nu4],.momentum-bottom[b-fb2jt59nu4] { flex-direction:column; align-items:flex-start; }
    .momentum-status[b-fb2jt59nu4] { text-align:left; }
    .momentum-stats[b-fb2jt59nu4] { justify-content:flex-start; }
}

/* === Comparación contra la liga / percentiles === */
.league-percentile-panel[b-fb2jt59nu4] {
    overflow: hidden;
}

.league-percentile-heading p[b-fb2jt59nu4] {
    max-width: 760px;
}

.league-percentile-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.league-percentile-team[b-fb2jt59nu4] {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 18px;
    background: rgba(15, 23, 42, .34);
}

.league-percentile-team-head[b-fb2jt59nu4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.league-percentile-team-head > div[b-fb2jt59nu4] {
    display: grid;
    gap: 3px;
}

.league-percentile-team-head strong[b-fb2jt59nu4] {
    color: #f8fafc;
    font-size: 1rem;
}

.league-percentile-team-head small[b-fb2jt59nu4] {
    color: #94a3b8;
}

.league-percentile-team-head > span[b-fb2jt59nu4] {
    border: 1px solid rgba(56, 189, 248, .28);
    border-radius: 999px;
    padding: 5px 9px;
    color: #7dd3fc;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.league-percentile-metrics[b-fb2jt59nu4] {
    display: grid;
    gap: 13px;
}

.league-percentile-row[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(126px, .8fr) minmax(120px, 1.35fr) minmax(112px, .75fr);
    gap: 12px;
    align-items: center;
}

.league-percentile-label[b-fb2jt59nu4],
.league-percentile-score[b-fb2jt59nu4] {
    display: grid;
    gap: 2px;
}

.league-percentile-label span[b-fb2jt59nu4] {
    color: #cbd5e1;
    font-size: .78rem;
    font-weight: 700;
}

.league-percentile-label strong[b-fb2jt59nu4] {
    color: #f8fafc;
    font-size: .86rem;
}

.league-percentile-label strong small[b-fb2jt59nu4] {
    color: #64748b;
    font-weight: 700;
}

.league-percentile-bar[b-fb2jt59nu4] {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, .14);
}

.league-percentile-bar > span[b-fb2jt59nu4] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #38bdf8;
}

.league-percentile-row.elite .league-percentile-bar > span[b-fb2jt59nu4] { background: #22c55e; }
.league-percentile-row.strong .league-percentile-bar > span[b-fb2jt59nu4] { background: #84cc16; }
.league-percentile-row.average .league-percentile-bar > span[b-fb2jt59nu4] { background: #eab308; }
.league-percentile-row.weak .league-percentile-bar > span[b-fb2jt59nu4] { background: #f97316; }
.league-percentile-row.low .league-percentile-bar > span[b-fb2jt59nu4] { background: #ef4444; }

.league-percentile-score strong[b-fb2jt59nu4] {
    font-size: 1rem;
    color: #f8fafc;
}

.league-percentile-score small[b-fb2jt59nu4] {
    color: #94a3b8;
    font-size: .68rem;
    line-height: 1.15;
}

.league-percentile-row.elite .league-percentile-score strong[b-fb2jt59nu4] { color: #4ade80; }
.league-percentile-row.strong .league-percentile-score strong[b-fb2jt59nu4] { color: #a3e635; }
.league-percentile-row.average .league-percentile-score strong[b-fb2jt59nu4] { color: #facc15; }
.league-percentile-row.weak .league-percentile-score strong[b-fb2jt59nu4] { color: #fb923c; }
.league-percentile-row.low .league-percentile-score strong[b-fb2jt59nu4] { color: #f87171; }

.league-percentile-row.na[b-fb2jt59nu4] {
    opacity: .55;
}

.league-percentile-bar.empty > span[b-fb2jt59nu4] {
    width: 0;
}

.league-percentile-note[b-fb2jt59nu4] {
    margin: 15px 0 0;
    color: #64748b;
    font-size: .75rem;
}

@media (max-width: 980px) {
    .league-percentile-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: minmax(105px, 1fr) minmax(90px, 1fr) 84px;
        gap: 8px;
    }
    .league-percentile-score small[b-fb2jt59nu4] {
        display: none;
    }
}

/* === Ajuste de ancho: Comparación contra la liga a fila completa === */
.h2h-main-grid > .league-percentile-panel[b-fb2jt59nu4] {
    grid-column: 1 / -1;
}

.h2h-main-grid > .league-percentile-panel .league-percentile-grid[b-fb2jt59nu4] {
    grid-template-columns: repeat(2, minmax(420px, 1fr));
}

.h2h-main-grid > .league-percentile-panel .league-percentile-team[b-fb2jt59nu4] {
    min-width: 0;
}

.h2h-main-grid > .league-percentile-panel .league-percentile-row[b-fb2jt59nu4] {
    grid-template-columns: minmax(145px, .9fr) minmax(160px, 1.45fr) minmax(125px, .75fr);
    gap: 16px;
}

.h2h-main-grid > .league-percentile-panel .league-percentile-score[b-fb2jt59nu4] {
    min-width: 0;
}

.h2h-main-grid > .league-percentile-panel .league-percentile-score strong[b-fb2jt59nu4],
.h2h-main-grid > .league-percentile-panel .league-percentile-score small[b-fb2jt59nu4] {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 1120px) {
    .h2h-main-grid > .league-percentile-panel .league-percentile-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .h2h-main-grid > .league-percentile-panel .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: minmax(105px, 1fr) minmax(90px, 1fr) 78px;
        gap: 8px;
    }
}

/* Dificultad del calendario */
.h2h-main-grid > .schedule-difficulty-panel[b-fb2jt59nu4] { grid-column: 1 / -1; }
.schedule-difficulty-heading p[b-fb2jt59nu4] { max-width:760px; }
.schedule-difficulty-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.schedule-team-card[b-fb2jt59nu4] { min-width:0; border:1px solid rgba(111,169,208,.18); border-radius:16px; background:rgba(4,18,31,.46); padding:1rem; }
.schedule-team-title[b-fb2jt59nu4] { display:flex; flex-direction:column; gap:.16rem; margin-bottom:.75rem; }
.schedule-team-title strong[b-fb2jt59nu4] { font-size:1rem; color:#f8fafc; }
.schedule-team-title small[b-fb2jt59nu4] { color:var(--muted); font-size:.64rem; }
.schedule-blocks[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.schedule-block[b-fb2jt59nu4] { min-width:0; border:1px solid rgba(111,169,208,.14); border-radius:14px; padding:.8rem; background:rgba(6,25,42,.70); }
.schedule-block-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; align-items:flex-start; gap:.65rem; }
.schedule-block-head > div:first-child[b-fb2jt59nu4] { min-width:0; }
.schedule-block-head span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.schedule-block-head strong[b-fb2jt59nu4] { display:block; margin-top:.14rem; font-size:.85rem; }
.schedule-index[b-fb2jt59nu4] { flex:0 0 auto; display:flex; align-items:baseline; gap:.12rem; }
.schedule-index strong[b-fb2jt59nu4] { font-size:1.55rem; line-height:1; }
.schedule-index small[b-fb2jt59nu4] { color:var(--muted); font-size:.58rem; }
.schedule-meter[b-fb2jt59nu4] { height:7px; border-radius:999px; overflow:hidden; background:rgba(148,163,184,.14); margin:.65rem 0 .72rem; }
.schedule-meter > span[b-fb2jt59nu4] { display:block; height:100%; border-radius:inherit; background:#eab308; }
.schedule-block.very-easy .schedule-meter > span[b-fb2jt59nu4] { background:#22c55e; }
.schedule-block.easy .schedule-meter > span[b-fb2jt59nu4] { background:#84cc16; }
.schedule-block.medium .schedule-meter > span[b-fb2jt59nu4] { background:#eab308; }
.schedule-block.hard .schedule-meter > span[b-fb2jt59nu4] { background:#f97316; }
.schedule-block.very-hard .schedule-meter > span[b-fb2jt59nu4] { background:#ef4444; }
.schedule-block.very-easy .schedule-index strong[b-fb2jt59nu4] { color:#4ade80; }
.schedule-block.easy .schedule-index strong[b-fb2jt59nu4] { color:#a3e635; }
.schedule-block.medium .schedule-index strong[b-fb2jt59nu4] { color:#facc15; }
.schedule-block.hard .schedule-index strong[b-fb2jt59nu4] { color:#fb923c; }
.schedule-block.very-hard .schedule-index strong[b-fb2jt59nu4] { color:#f87171; }
.schedule-rivals[b-fb2jt59nu4] { display:flex; flex-direction:column; gap:.38rem; }
.schedule-rival-row[b-fb2jt59nu4] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; align-items:center; padding:.42rem .5rem; border-radius:9px; background:rgba(2,12,23,.42); }
.schedule-rival-name[b-fb2jt59nu4] { min-width:0; }
.schedule-rival-name strong[b-fb2jt59nu4] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.68rem; color:#e7f0f8; }
.schedule-rival-name small[b-fb2jt59nu4] { display:block; margin-top:.08rem; color:var(--muted); font-size:.54rem; }
.schedule-rival-strength[b-fb2jt59nu4] { text-align:right; }
.schedule-rival-strength span[b-fb2jt59nu4] { display:block; font-size:.48rem; color:var(--muted); }
.schedule-rival-strength strong[b-fb2jt59nu4] { display:block; font-size:.72rem; color:#dbeafe; }
.schedule-confidence[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.5rem; flex-wrap:wrap; margin-top:.58rem; color:var(--muted); font-size:.54rem; }
.schedule-empty[b-fb2jt59nu4] { padding:.8rem .3rem; color:var(--muted); font-size:.65rem; text-align:center; }
.schedule-note[b-fb2jt59nu4] { margin:.72rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.4; }
@media (max-width:1180px) { .schedule-blocks[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:860px) { .schedule-difficulty-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }

/* Lectura directa de la forma reciente */
.schedule-difficulty-grid.recent-only[b-fb2jt59nu4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.schedule-verdict[b-fb2jt59nu4] {
    margin: .85rem 0 1rem;
    padding: .9rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .5);
}

.schedule-verdict strong[b-fb2jt59nu4] {
    display: block;
    margin-bottom: .35rem;
    font-size: 1rem;
    letter-spacing: .03em;
}

.schedule-verdict p[b-fb2jt59nu4] {
    margin: 0;
    line-height: 1.45;
    color: var(--h2h-muted, #cbd5e1);
}

.schedule-verdict.positive[b-fb2jt59nu4] { border-color: rgba(34, 197, 94, .45); background: rgba(34, 197, 94, .08); }
.schedule-verdict.positive strong[b-fb2jt59nu4] { color: #4ade80; }
.schedule-verdict.warning[b-fb2jt59nu4] { border-color: rgba(245, 158, 11, .5); background: rgba(245, 158, 11, .09); }
.schedule-verdict.warning strong[b-fb2jt59nu4] { color: #fbbf24; }
.schedule-verdict.caution[b-fb2jt59nu4] { border-color: rgba(56, 189, 248, .45); background: rgba(56, 189, 248, .08); }
.schedule-verdict.caution strong[b-fb2jt59nu4] { color: #38bdf8; }
.schedule-verdict.negative[b-fb2jt59nu4] { border-color: rgba(248, 113, 113, .5); background: rgba(248, 113, 113, .08); }
.schedule-verdict.negative strong[b-fb2jt59nu4] { color: #f87171; }
.schedule-verdict.neutral strong[b-fb2jt59nu4] { color: #e2e8f0; }

@media (max-width: 900px) {
    .schedule-difficulty-grid.recent-only[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}

/* Explicación automática del pick */
.pick-explanation[b-fb2jt59nu4] {
    margin-top: .1rem;
    padding: .7rem;
    border: 1px solid rgba(103, 151, 181, .16);
    border-radius: 10px;
    background: rgba(5, 23, 36, .45);
}

.pick-explanation.strong[b-fb2jt59nu4] {
    border-color: rgba(65, 200, 120, .28);
    background: rgba(30, 116, 70, .09);
}

.pick-explanation.moderate[b-fb2jt59nu4] {
    border-color: rgba(77, 163, 214, .26);
    background: rgba(42, 114, 160, .08);
}

.pick-explanation.caution[b-fb2jt59nu4] {
    border-color: rgba(230, 177, 61, .28);
    background: rgba(160, 111, 29, .08);
}

.pick-explanation-head[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .35rem;
}

.pick-explanation-head > span[b-fb2jt59nu4] {
    color: #7f9bad;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .055em;
}

.pick-explanation-head > strong[b-fb2jt59nu4] {
    color: #d9f5e3;
    font-size: .62rem;
    letter-spacing: .035em;
}

.pick-explanation.caution .pick-explanation-head > strong[b-fb2jt59nu4] {
    color: #ffe09b;
}

.pick-explanation p[b-fb2jt59nu4] {
    margin: 0 0 .5rem;
    color: #b9ceda;
    font-size: .62rem;
    line-height: 1.45;
}

.pick-explanation-factors[b-fb2jt59nu4] {
    display: grid;
    gap: .3rem;
}

.pick-explanation-factor[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: start;
    gap: .45rem;
    padding: .34rem .4rem;
    border-radius: 7px;
    background: rgba(255,255,255,.022);
}

.pick-explanation-factor > span[b-fb2jt59nu4] {
    color: #86a3b5;
    font-size: .54rem;
    font-weight: 800;
}

.pick-explanation-factor > strong[b-fb2jt59nu4] {
    color: #dceaf2;
    font-size: .58rem;
    font-weight: 650;
    line-height: 1.4;
}

.pick-explanation-factor.support[b-fb2jt59nu4] {
    border-left: 3px solid rgba(71, 205, 124, .72);
}

.pick-explanation-factor.caution[b-fb2jt59nu4] {
    border-left: 3px solid rgba(231, 178, 62, .76);
}

.pick-explanation-factor.info[b-fb2jt59nu4] {
    border-left: 3px solid rgba(76, 166, 220, .68);
}

@media (max-width: 680px) {
    .pick-explanation-factor[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
        gap: .15rem;
    }
}

/* Capa de decisión: semáforo, confianza y contradicciones */
.pick-decision[b-fb2jt59nu4] {
    margin-top: .15rem;
    padding: .75rem;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 11px;
    background: rgba(4, 18, 30, .62);
}

.pick-decision.green[b-fb2jt59nu4] {
    border-color: rgba(34, 197, 94, .34);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, .04);
}

.pick-decision.yellow[b-fb2jt59nu4] {
    border-color: rgba(250, 204, 21, .32);
    box-shadow: inset 0 0 0 1px rgba(250, 204, 21, .035);
}

.pick-decision.red[b-fb2jt59nu4] {
    border-color: rgba(248, 113, 113, .38);
    box-shadow: inset 0 0 0 1px rgba(248, 113, 113, .04);
}

.pick-decision-main[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, .55fr);
    gap: .6rem;
    align-items: stretch;
}

.pick-decision-light[b-fb2jt59nu4],
.pick-decision-confidence[b-fb2jt59nu4] {
    min-height: 58px;
    padding: .55rem .65rem;
    border-radius: 9px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(148, 163, 184, .12);
}

.pick-decision-light[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.pick-decision-light > div[b-fb2jt59nu4],
.pick-decision-confidence[b-fb2jt59nu4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pick-decision-light span:not(.pick-decision-dot)[b-fb2jt59nu4],
.pick-decision-confidence > span[b-fb2jt59nu4] {
    color: #839aaa;
    font-size: .51rem;
    font-weight: 900;
    letter-spacing: .055em;
}

.pick-decision-light strong[b-fb2jt59nu4],
.pick-decision-confidence strong[b-fb2jt59nu4] {
    margin-top: .12rem;
    font-size: .78rem;
    letter-spacing: .03em;
}

.pick-decision-dot[b-fb2jt59nu4] {
    font-size: 1.65rem;
    line-height: 1;
    filter: drop-shadow(0 0 7px currentColor);
}

.pick-decision-light.green .pick-decision-dot[b-fb2jt59nu4],
.pick-decision.green .pick-decision-light strong[b-fb2jt59nu4] { color: #4ade80; }
.pick-decision-light.yellow .pick-decision-dot[b-fb2jt59nu4],
.pick-decision.yellow .pick-decision-light strong[b-fb2jt59nu4] { color: #facc15; }
.pick-decision-light.red .pick-decision-dot[b-fb2jt59nu4],
.pick-decision.red .pick-decision-light strong[b-fb2jt59nu4] { color: #f87171; }

.pick-decision-confidence.high strong[b-fb2jt59nu4] { color: #4ade80; }
.pick-decision-confidence.medium strong[b-fb2jt59nu4] { color: #facc15; }
.pick-decision-confidence.low strong[b-fb2jt59nu4] { color: #f87171; }
.pick-decision-confidence.limited strong[b-fb2jt59nu4] { color: #94a3b8; }

.pick-decision-instruction[b-fb2jt59nu4] {
    margin: .55rem 0 .45rem;
    color: #e3edf3;
    font-size: .64rem;
    font-weight: 700;
    line-height: 1.45;
}

.pick-decision-stats[b-fb2jt59nu4] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    margin-bottom: .35rem;
    color: #91a8b7;
    font-size: .56rem;
}

.pick-decision-stats strong[b-fb2jt59nu4] { color: #e2edf3; }

.pick-decision-confidence-text[b-fb2jt59nu4] {
    margin: 0;
    color: #9fb4c1;
    font-size: .56rem;
    line-height: 1.4;
}

.pick-contradictions[b-fb2jt59nu4] {
    margin-top: .55rem;
    padding-top: .5rem;
    border-top: 1px solid rgba(248, 113, 113, .14);
}

.pick-contradictions-head[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .3rem;
}

.pick-contradictions-head > span[b-fb2jt59nu4] {
    color: #f5a0a0;
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: .05em;
}

.pick-contradictions-head > strong[b-fb2jt59nu4] {
    color: #d7e2e8;
    font-size: .52rem;
}

.pick-contradiction-item[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: .45rem;
    padding: .3rem .4rem;
    margin-top: .25rem;
    border-left: 3px solid rgba(248, 113, 113, .78);
    border-radius: 6px;
    background: rgba(248, 113, 113, .055);
}

.pick-contradiction-item > span[b-fb2jt59nu4] {
    color: #e7a2a2;
    font-size: .52rem;
    font-weight: 850;
}

.pick-contradiction-item > strong[b-fb2jt59nu4] {
    color: #e4edf2;
    font-size: .56rem;
    font-weight: 650;
    line-height: 1.4;
}

@media (max-width: 680px) {
    .pick-decision-main[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .pick-contradiction-item[b-fb2jt59nu4] { grid-template-columns: 1fr; gap: .12rem; }
    .pick-contradictions-head[b-fb2jt59nu4] { align-items: flex-start; flex-direction: column; }
}

/* Consistencia / volatilidad */
.consistency-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.consistency-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; }
.consistency-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.consistency-card[b-fb2jt59nu4] { min-width:0; padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.consistency-card.stable[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(34,197,94,.78); }
.consistency-card.variable[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(245,158,11,.82); }
.consistency-card.volatile[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(244,63,94,.82); }
.consistency-card-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }
.consistency-card-head > div:first-child > span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.consistency-card-head > div:first-child > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:.96rem; }
.consistency-card-head > div:first-child > small[b-fb2jt59nu4] { color:var(--muted); font-size:.63rem; }
.consistency-state[b-fb2jt59nu4] { text-align:right; min-width:112px; }
.consistency-state > span[b-fb2jt59nu4] { display:inline-block; padding:.16rem .46rem; border-radius:999px; font-size:.59rem; font-weight:900; letter-spacing:.05em; background:rgba(148,163,184,.10); color:#cbd5e1; }
.consistency-state > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0 0; font-size:1.6rem; line-height:1; }
.consistency-state > small[b-fb2jt59nu4] { display:block; margin-top:.14rem; color:var(--muted); font-size:.55rem; }
.consistency-state.stable > span[b-fb2jt59nu4],.consistency-state.stable > strong[b-fb2jt59nu4] { color:#4ade80; }
.consistency-state.stable > span[b-fb2jt59nu4] { background:rgba(34,197,94,.12); }
.consistency-state.variable > span[b-fb2jt59nu4],.consistency-state.variable > strong[b-fb2jt59nu4] { color:#fbbf24; }
.consistency-state.variable > span[b-fb2jt59nu4] { background:rgba(245,158,11,.12); }
.consistency-state.volatile > span[b-fb2jt59nu4],.consistency-state.volatile > strong[b-fb2jt59nu4] { color:#fb7185; }
.consistency-state.volatile > span[b-fb2jt59nu4] { background:rgba(244,63,94,.12); }
.consistency-summary[b-fb2jt59nu4] { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin:.75rem 0 .55rem; }
.consistency-summary > div[b-fb2jt59nu4] { padding:.5rem .6rem; border-radius:10px; border:1px solid rgba(111,169,208,.12); background:rgba(6,25,42,.72); }
.consistency-summary span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.57rem; text-transform:uppercase; letter-spacing:.05em; }
.consistency-summary strong[b-fb2jt59nu4] { display:block; margin-top:.08rem; font-size:1rem; }
.consistency-reading[b-fb2jt59nu4] { margin:.45rem 0 .7rem; color:#c9d8e4; font-size:.67rem; line-height:1.4; }
.consistency-metrics[b-fb2jt59nu4] { display:grid; gap:.48rem; }
.consistency-metric[b-fb2jt59nu4] { padding:.5rem .55rem; border-radius:10px; background:rgba(6,25,42,.52); border:1px solid rgba(111,169,208,.10); }
.consistency-metric-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.5rem; align-items:center; font-size:.62rem; }
.consistency-metric-head span[b-fb2jt59nu4] { color:#dbe8f2; font-weight:700; }
.consistency-metric-head strong[b-fb2jt59nu4] { color:#9fb5c6; font-size:.58rem; }
.consistency-track[b-fb2jt59nu4] { height:5px; margin:.34rem 0 .28rem; overflow:hidden; border-radius:999px; background:rgba(148,163,184,.12); }
.consistency-track > span[b-fb2jt59nu4] { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#f59e0b,#f43f5e); }
.consistency-metric small[b-fb2jt59nu4] { color:var(--muted); font-size:.54rem; }
.consistency-empty[b-fb2jt59nu4] { margin-top:.7rem; padding:.9rem; text-align:center; border:1px dashed rgba(111,169,208,.18); border-radius:12px; color:var(--muted); font-size:.68rem; }
.consistency-note[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) { .consistency-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }


/* Defensa real vs defensa engañosa */
.defense-quality-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.defense-quality-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; }
.defense-quality-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.defense-quality-card[b-fb2jt59nu4] { min-width:0; padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.defense-quality-card.solid[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(34,197,94,.82); }
.defense-quality-card.deceptive[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(245,158,11,.9); }
.defense-quality-card.fragile[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(244,63,94,.85); }
.defense-quality-card.better[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(56,189,248,.82); }
.defense-quality-card.average[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(148,163,184,.5); }
.defense-quality-card-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }
.defense-quality-card-head > div > span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.defense-quality-card-head > div > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:.96rem; }
.defense-quality-card-head > div > small[b-fb2jt59nu4] { color:var(--muted); font-size:.63rem; }
.defense-quality-verdict[b-fb2jt59nu4] { display:inline-block; max-width:180px; padding:.24rem .52rem; border-radius:999px; font-size:.58rem; font-weight:900; letter-spacing:.05em; text-align:center; background:rgba(148,163,184,.1); color:#cbd5e1; }
.defense-quality-verdict.solid[b-fb2jt59nu4] { color:#4ade80; background:rgba(34,197,94,.12); }
.defense-quality-verdict.deceptive[b-fb2jt59nu4] { color:#fbbf24; background:rgba(245,158,11,.12); }
.defense-quality-verdict.fragile[b-fb2jt59nu4] { color:#fb7185; background:rgba(244,63,94,.12); }
.defense-quality-verdict.better[b-fb2jt59nu4] { color:#7dd3fc; background:rgba(56,189,248,.12); }
.defense-quality-metrics[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin:.75rem 0 .55rem; }
.defense-quality-metrics > div[b-fb2jt59nu4] { padding:.52rem .6rem; border-radius:10px; border:1px solid rgba(111,169,208,.12); background:rgba(6,25,42,.72); }
.defense-quality-metrics span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.56rem; text-transform:uppercase; letter-spacing:.04em; }
.defense-quality-metrics strong[b-fb2jt59nu4] { display:block; margin-top:.08rem; font-size:1rem; }
.defense-quality-metrics small[b-fb2jt59nu4] { display:block; margin-top:.08rem; color:var(--muted); font-size:.53rem; }
.defense-quality-gap[b-fb2jt59nu4] { padding:.52rem .62rem; border-radius:10px; background:rgba(6,25,42,.56); border:1px solid rgba(111,169,208,.11); }
.defense-quality-gap span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.55rem; text-transform:uppercase; letter-spacing:.04em; }
.defense-quality-gap strong[b-fb2jt59nu4] { display:block; margin-top:.1rem; color:#dbe8f2; font-size:.66rem; }
.defense-quality-gap.deceptive strong[b-fb2jt59nu4] { color:#fbbf24; }
.defense-quality-gap.fragile strong[b-fb2jt59nu4] { color:#fb7185; }
.defense-quality-gap.solid strong[b-fb2jt59nu4] { color:#4ade80; }
.defense-quality-gap.better strong[b-fb2jt59nu4] { color:#7dd3fc; }
.defense-quality-reading[b-fb2jt59nu4] { margin:.55rem 0 0; color:#c9d8e4; font-size:.67rem; line-height:1.42; }
.defense-quality-empty[b-fb2jt59nu4] { margin-top:.7rem; padding:.9rem; text-align:center; border:1px dashed rgba(111,169,208,.18); border-radius:12px; color:var(--muted); font-size:.68rem; }
.defense-quality-note[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) { .defense-quality-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) { .defense-quality-metrics[b-fb2jt59nu4] { grid-template-columns:1fr; } .defense-quality-card-head[b-fb2jt59nu4] { flex-direction:column; } .defense-quality-verdict[b-fb2jt59nu4] { max-width:none; } }

/* Cambio de tendencia */
.trend-change-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.trend-change-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; }
.trend-change-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.trend-change-card[b-fb2jt59nu4] { min-width:0; padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.trend-change-card.up-strong[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(34,197,94,.95); }
.trend-change-card.up[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(74,222,128,.70); }
.trend-change-card.stable[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(148,163,184,.48); }
.trend-change-card.down[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(251,146,60,.78); }
.trend-change-card.down-strong[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(244,63,94,.90); }
.trend-change-card-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }
.trend-change-card-head > div:first-child > span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.trend-change-card-head > div:first-child > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:.96rem; }
.trend-change-card-head > div:first-child > small[b-fb2jt59nu4] { color:var(--muted); font-size:.63rem; }
.trend-change-state[b-fb2jt59nu4] { text-align:right; min-width:130px; }
.trend-change-state > span[b-fb2jt59nu4] { display:inline-block; padding:.18rem .48rem; border-radius:999px; font-size:.57rem; font-weight:900; letter-spacing:.04em; background:rgba(148,163,184,.10); color:#cbd5e1; }
.trend-change-state > strong[b-fb2jt59nu4] { display:block; margin-top:.14rem; font-size:1.45rem; line-height:1; }
.trend-change-state > small[b-fb2jt59nu4] { display:block; margin-top:.12rem; color:var(--muted); font-size:.53rem; }
.trend-change-state.up-strong > span[b-fb2jt59nu4],.trend-change-state.up-strong > strong[b-fb2jt59nu4],.trend-change-state.up > span[b-fb2jt59nu4],.trend-change-state.up > strong[b-fb2jt59nu4] { color:#4ade80; }
.trend-change-state.down-strong > span[b-fb2jt59nu4],.trend-change-state.down-strong > strong[b-fb2jt59nu4] { color:#fb7185; }
.trend-change-state.down > span[b-fb2jt59nu4],.trend-change-state.down > strong[b-fb2jt59nu4] { color:#fb923c; }
.trend-change-state.stable > span[b-fb2jt59nu4],.trend-change-state.stable > strong[b-fb2jt59nu4] { color:#cbd5e1; }
.trend-change-signal-row[b-fb2jt59nu4] { display:flex; flex-wrap:wrap; gap:.38rem; margin:.7rem 0 .55rem; }
.trend-change-signal-row span[b-fb2jt59nu4] { padding:.22rem .46rem; border-radius:999px; font-size:.56rem; font-weight:800; }
.trend-change-signal-row .positive[b-fb2jt59nu4] { color:#86efac; background:rgba(34,197,94,.10); border:1px solid rgba(34,197,94,.18); }
.trend-change-signal-row .negative[b-fb2jt59nu4] { color:#fda4af; background:rgba(244,63,94,.10); border:1px solid rgba(244,63,94,.18); }
.trend-change-metrics[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.48rem; }
.trend-change-metric[b-fb2jt59nu4] { padding:.5rem .58rem; border-radius:10px; background:rgba(6,25,42,.56); border:1px solid rgba(111,169,208,.10); }
.trend-change-metric.positive[b-fb2jt59nu4] { border-color:rgba(34,197,94,.24); }
.trend-change-metric.negative[b-fb2jt59nu4] { border-color:rgba(244,63,94,.24); }
.trend-change-metric-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.45rem; align-items:center; }
.trend-change-metric-head span[b-fb2jt59nu4] { color:#dbe8f2; font-size:.6rem; font-weight:800; }
.trend-change-metric-head strong[b-fb2jt59nu4] { font-size:.58rem; color:#9fb5c6; }
.trend-change-metric.positive .trend-change-metric-head strong[b-fb2jt59nu4] { color:#4ade80; }
.trend-change-metric.negative .trend-change-metric-head strong[b-fb2jt59nu4] { color:#fb7185; }
.trend-change-values[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.45rem; margin-top:.34rem; color:var(--muted); font-size:.54rem; }
.trend-change-values b[b-fb2jt59nu4] { color:#e5eef5; font-weight:800; }
.trend-change-reading[b-fb2jt59nu4] { margin:.62rem 0 0; color:#c9d8e4; font-size:.67rem; line-height:1.42; }
.trend-change-empty[b-fb2jt59nu4] { margin-top:.7rem; padding:.9rem; text-align:center; border:1px dashed rgba(111,169,208,.18); border-radius:12px; color:var(--muted); font-size:.68rem; }
.trend-change-note[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) { .trend-change-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) { .trend-change-metrics[b-fb2jt59nu4] { grid-template-columns:1fr; } .trend-change-card-head[b-fb2jt59nu4] { flex-direction:column; } .trend-change-state[b-fb2jt59nu4] { text-align:left; min-width:0; } }

/* Índice de presión ofensiva */
.offensive-pressure-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.offensive-pressure-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; }
.offensive-pressure-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.offensive-pressure-card[b-fb2jt59nu4] { min-width:0; padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.offensive-pressure-card.high[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(34,197,94,.90); }
.offensive-pressure-card.medium[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(245,158,11,.82); }
.offensive-pressure-card.low[b-fb2jt59nu4] { box-shadow:inset 3px 0 0 rgba(244,63,94,.78); }
.offensive-pressure-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }
.offensive-pressure-head > div:first-child > span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.61rem; font-weight:800; letter-spacing:.08em; }
.offensive-pressure-head > div:first-child > strong[b-fb2jt59nu4] { display:block; margin:.12rem 0; font-size:.96rem; }
.offensive-pressure-head > div:first-child > small[b-fb2jt59nu4] { color:var(--muted); font-size:.63rem; }
.offensive-pressure-state[b-fb2jt59nu4] { text-align:right; min-width:118px; }
.offensive-pressure-state > span[b-fb2jt59nu4] { display:inline-block; padding:.18rem .48rem; border-radius:999px; font-size:.57rem; font-weight:900; letter-spacing:.04em; background:rgba(148,163,184,.10); color:#cbd5e1; }
.offensive-pressure-state > strong[b-fb2jt59nu4] { display:block; margin-top:.14rem; font-size:1.5rem; line-height:1; }
.offensive-pressure-state > small[b-fb2jt59nu4] { display:block; margin-top:.12rem; color:var(--muted); font-size:.53rem; }
.offensive-pressure-state.high > span[b-fb2jt59nu4],.offensive-pressure-state.high > strong[b-fb2jt59nu4] { color:#4ade80; }
.offensive-pressure-state.high > span[b-fb2jt59nu4] { background:rgba(34,197,94,.12); }
.offensive-pressure-state.medium > span[b-fb2jt59nu4],.offensive-pressure-state.medium > strong[b-fb2jt59nu4] { color:#fbbf24; }
.offensive-pressure-state.medium > span[b-fb2jt59nu4] { background:rgba(245,158,11,.12); }
.offensive-pressure-state.low > span[b-fb2jt59nu4],.offensive-pressure-state.low > strong[b-fb2jt59nu4] { color:#fb7185; }
.offensive-pressure-state.low > span[b-fb2jt59nu4] { background:rgba(244,63,94,.12); }
.offensive-pressure-metrics[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin:.75rem 0 .55rem; }
.offensive-pressure-metrics > div[b-fb2jt59nu4] { padding:.52rem .6rem; border-radius:10px; border:1px solid rgba(111,169,208,.12); background:rgba(6,25,42,.72); }
.offensive-pressure-metrics span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.56rem; text-transform:uppercase; letter-spacing:.04em; }
.offensive-pressure-metrics strong[b-fb2jt59nu4] { display:block; margin-top:.08rem; font-size:1rem; }
.offensive-pressure-gap[b-fb2jt59nu4] { padding:.52rem .62rem; border-radius:10px; background:rgba(6,25,42,.56); border:1px solid rgba(111,169,208,.11); }
.offensive-pressure-gap span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.55rem; text-transform:uppercase; letter-spacing:.04em; }
.offensive-pressure-gap strong[b-fb2jt59nu4] { display:block; margin-top:.1rem; color:#dbe8f2; font-size:.7rem; }
.offensive-pressure-gap.high strong[b-fb2jt59nu4] { color:#4ade80; }
.offensive-pressure-gap.medium strong[b-fb2jt59nu4] { color:#fbbf24; }
.offensive-pressure-gap.low strong[b-fb2jt59nu4] { color:#fb7185; }
.offensive-pressure-reading[b-fb2jt59nu4] { margin:.58rem 0 0; color:#c9d8e4; font-size:.67rem; line-height:1.42; }
.offensive-pressure-empty[b-fb2jt59nu4] { margin-top:.7rem; padding:.9rem; text-align:center; border:1px dashed rgba(111,169,208,.18); border-radius:12px; color:var(--muted); font-size:.68rem; }
.offensive-pressure-note[b-fb2jt59nu4] { margin:.65rem 0 0; color:var(--muted); font-size:.62rem; line-height:1.35; }
@media (max-width:900px) { .offensive-pressure-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) { .offensive-pressure-metrics[b-fb2jt59nu4] { grid-template-columns:1fr; } .offensive-pressure-head[b-fb2jt59nu4] { flex-direction:column; } .offensive-pressure-state[b-fb2jt59nu4] { text-align:left; min-width:0; } }

/* Detector de partido tramposo / falsa confianza */
.trap-detector-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.trap-detector-panel.low[b-fb2jt59nu4] { border-color:rgba(34,197,94,.20); }
.trap-detector-panel.medium[b-fb2jt59nu4] { border-color:rgba(245,158,11,.24); }
.trap-detector-panel.high[b-fb2jt59nu4],.trap-detector-panel.trap[b-fb2jt59nu4] { border-color:rgba(244,63,94,.30); }
.trap-detector-heading[b-fb2jt59nu4] { align-items:flex-start; }
.trap-detector-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; max-width:760px; }
.trap-detector-score[b-fb2jt59nu4] { min-width:130px; text-align:right; }
.trap-detector-score span[b-fb2jt59nu4] { display:inline-block; padding:.2rem .52rem; border-radius:999px; font-size:.58rem; font-weight:900; letter-spacing:.045em; }
.trap-detector-score strong[b-fb2jt59nu4] { display:block; margin-top:.16rem; font-size:1.8rem; line-height:1; }
.trap-detector-score small[b-fb2jt59nu4] { display:block; margin-top:.12rem; color:var(--muted); font-size:.54rem; }
.trap-detector-score.low span[b-fb2jt59nu4],.trap-detector-score.low strong[b-fb2jt59nu4] { color:#4ade80; }
.trap-detector-score.low span[b-fb2jt59nu4] { background:rgba(34,197,94,.12); }
.trap-detector-score.medium span[b-fb2jt59nu4],.trap-detector-score.medium strong[b-fb2jt59nu4] { color:#fbbf24; }
.trap-detector-score.medium span[b-fb2jt59nu4] { background:rgba(245,158,11,.12); }
.trap-detector-score.high span[b-fb2jt59nu4],.trap-detector-score.high strong[b-fb2jt59nu4] { color:#fb923c; }
.trap-detector-score.high span[b-fb2jt59nu4] { background:rgba(251,146,60,.12); }
.trap-detector-score.trap span[b-fb2jt59nu4],.trap-detector-score.trap strong[b-fb2jt59nu4] { color:#fb7185; }
.trap-detector-score.trap span[b-fb2jt59nu4] { background:rgba(244,63,94,.14); }
.trap-detector-summary[b-fb2jt59nu4] { margin:.55rem 0 .7rem; padding:.68rem .78rem; border-radius:12px; background:rgba(6,25,42,.65); border:1px solid rgba(111,169,208,.12); }
.trap-detector-summary.low[b-fb2jt59nu4] { border-color:rgba(34,197,94,.18); }
.trap-detector-summary.medium[b-fb2jt59nu4] { border-color:rgba(245,158,11,.20); }
.trap-detector-summary.high[b-fb2jt59nu4],.trap-detector-summary.trap[b-fb2jt59nu4] { border-color:rgba(244,63,94,.22); }
.trap-detector-summary strong[b-fb2jt59nu4] { display:block; color:#dce8f1; font-size:.7rem; line-height:1.45; }
.trap-detector-summary small[b-fb2jt59nu4] { display:block; margin-top:.22rem; color:var(--muted); font-size:.57rem; }
.trap-detector-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.trap-detector-column[b-fb2jt59nu4] { min-width:0; padding:.75rem; border-radius:14px; background:rgba(4,18,31,.42); border:1px solid rgba(111,169,208,.12); }
.trap-detector-column.risks[b-fb2jt59nu4] { border-color:rgba(244,63,94,.18); }
.trap-detector-column.protections[b-fb2jt59nu4] { border-color:rgba(34,197,94,.16); }
.trap-detector-column-head[b-fb2jt59nu4] { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.48rem; }
.trap-detector-column-head span[b-fb2jt59nu4] { font-size:.63rem; font-weight:900; letter-spacing:.03em; }
.trap-detector-column.risks .trap-detector-column-head span[b-fb2jt59nu4] { color:#fda4af; }
.trap-detector-column.protections .trap-detector-column-head span[b-fb2jt59nu4] { color:#86efac; }
.trap-detector-column-head strong[b-fb2jt59nu4] { min-width:24px; text-align:center; padding:.11rem .3rem; border-radius:999px; color:#cbd5e1; background:rgba(148,163,184,.10); font-size:.58rem; }
.trap-signal[b-fb2jt59nu4] { padding:.52rem .58rem; border-radius:10px; background:rgba(6,25,42,.58); border:1px solid rgba(111,169,208,.09); }
.trap-signal + .trap-signal[b-fb2jt59nu4] { margin-top:.4rem; }
.trap-signal.risk[b-fb2jt59nu4] { border-left:3px solid rgba(244,63,94,.72); }
.trap-signal.protection[b-fb2jt59nu4] { border-left:3px solid rgba(34,197,94,.68); }
.trap-signal strong[b-fb2jt59nu4] { display:block; color:#e5edf3; font-size:.62rem; }
.trap-signal span[b-fb2jt59nu4] { display:block; margin-top:.14rem; color:#aebfca; font-size:.58rem; line-height:1.4; }
.trap-detector-empty[b-fb2jt59nu4] { padding:.72rem; text-align:center; color:var(--muted); font-size:.61rem; border:1px dashed rgba(111,169,208,.14); border-radius:10px; }
.trap-detector-note[b-fb2jt59nu4] { margin:.62rem 0 0; color:var(--muted); font-size:.61rem; line-height:1.4; }
@media (max-width:900px) { .trap-detector-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) { .trap-detector-heading[b-fb2jt59nu4] { flex-direction:column; } .trap-detector-score[b-fb2jt59nu4] { text-align:left; min-width:0; } }

/* Comparación de mercados relacionados */
.market-ladder-panel[b-fb2jt59nu4] { margin-bottom:.85rem; }
.market-ladder-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; max-width:760px; }
.market-ladder-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.market-ladder-card[b-fb2jt59nu4] { padding:.9rem; border-radius:16px; border:1px solid rgba(111,169,208,.16); background:rgba(4,18,31,.46); }
.market-ladder-card-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; }
.market-ladder-card-head strong[b-fb2jt59nu4] { display:block; font-size:.9rem; color:#e5edf3; }
.market-ladder-card-head small[b-fb2jt59nu4] { display:block; margin-top:.16rem; color:var(--muted); font-size:.6rem; }
.market-ladder-optimum[b-fb2jt59nu4] { flex:0 0 auto; padding:.22rem .48rem; border-radius:999px; background:rgba(34,197,94,.12); color:#86efac; border:1px solid rgba(34,197,94,.2); font-size:.56rem; font-weight:900; letter-spacing:.03em; }
.market-ladder-options[b-fb2jt59nu4] { display:grid; gap:.45rem; margin-top:.72rem; }
.market-ladder-option[b-fb2jt59nu4] { display:flex; justify-content:space-between; align-items:center; gap:.65rem; padding:.58rem .66rem; border-radius:11px; background:rgba(6,25,42,.62); border:1px solid rgba(111,169,208,.10); }
.market-ladder-option.safe[b-fb2jt59nu4] { border-left:3px solid rgba(34,197,94,.75); }
.market-ladder-option.balanced[b-fb2jt59nu4] { border-left:3px solid rgba(245,158,11,.78); }
.market-ladder-option.aggressive[b-fb2jt59nu4] { border-left:3px solid rgba(249,115,22,.82); }
.market-ladder-option.optimum[b-fb2jt59nu4] { box-shadow:0 0 0 1px rgba(34,197,94,.24) inset; background:rgba(34,197,94,.055); }
.market-ladder-option span[b-fb2jt59nu4] { display:block; color:var(--muted); font-size:.52rem; font-weight:900; letter-spacing:.04em; }
.market-ladder-option strong[b-fb2jt59nu4] { display:block; margin-top:.08rem; color:#dce8f1; font-size:.7rem; }
.market-ladder-option b[b-fb2jt59nu4] { font-size:1rem; color:#e5edf3; }
.market-ladder-option.safe b[b-fb2jt59nu4] { color:#4ade80; }
.market-ladder-option.balanced b[b-fb2jt59nu4] { color:#fbbf24; }
.market-ladder-option.aggressive b[b-fb2jt59nu4] { color:#fb923c; }
.market-ladder-option.aggressive.optimum[b-fb2jt59nu4] { border-left-color:rgba(245,158,11,.92); box-shadow:0 0 0 1px rgba(245,158,11,.28) inset; background:rgba(245,158,11,.06); }
.market-ladder-option.aggressive.optimum b[b-fb2jt59nu4] { color:#fbbf24; }
.market-ladder-reading[b-fb2jt59nu4] { margin:.62rem 0 0; color:#c9d8e4; font-size:.66rem; line-height:1.42; }
.market-ladder-note[b-fb2jt59nu4] { margin:.62rem 0 0; color:var(--muted); font-size:.6rem; line-height:1.4; }
@media (max-width:900px) { .market-ladder-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }
@media (max-width:560px) { .market-ladder-card-head[b-fb2jt59nu4] { flex-direction:column; } .market-ladder-optimum[b-fb2jt59nu4] { align-self:flex-start; } }

/* Ranking automático de picks */
.pick-ranking-panel[b-fb2jt59nu4] { margin-bottom:.85rem; border-color:rgba(56,189,248,.24); }
.pick-ranking-heading p[b-fb2jt59nu4] { margin:.3rem 0 0; color:var(--muted); font-size:.76rem; max-width:800px; }
.pick-ranking-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.72rem; }
.pick-ranking-card[b-fb2jt59nu4] { position:relative; display:flex; gap:.72rem; min-width:0; padding:.82rem; border-radius:15px; background:rgba(4,18,31,.52); border:1px solid rgba(111,169,208,.14); }
.pick-ranking-card.elite[b-fb2jt59nu4] { border-color:rgba(34,197,94,.34); box-shadow:0 0 0 1px rgba(34,197,94,.06) inset; }
.pick-ranking-card.strong[b-fb2jt59nu4] { border-color:rgba(56,189,248,.28); }
.pick-ranking-card.acceptable[b-fb2jt59nu4] { border-color:rgba(245,158,11,.24); }
.pick-ranking-card.avoid[b-fb2jt59nu4] { border-color:rgba(244,63,94,.28); }
.pick-ranking-position[b-fb2jt59nu4] { flex:0 0 34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(56,189,248,.10); color:#7dd3fc; font-weight:950; font-size:.72rem; }
.pick-ranking-content[b-fb2jt59nu4] { min-width:0; flex:1; }
.pick-ranking-title-row[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.55rem; align-items:flex-start; }
.pick-ranking-title-row span[b-fb2jt59nu4] { display:block; color:#7fa6bf; font-size:.52rem; font-weight:900; letter-spacing:.035em; text-transform:uppercase; }
.pick-ranking-title-row strong[b-fb2jt59nu4] { display:block; margin-top:.12rem; color:#eef7fb; font-size:.74rem; line-height:1.25; }
.pick-ranking-score[b-fb2jt59nu4] { flex:0 0 auto; text-align:right; line-height:1; }
.pick-ranking-score b[b-fb2jt59nu4] { display:inline; font-size:1.24rem; }
.pick-ranking-score small[b-fb2jt59nu4] { color:var(--muted); font-size:.48rem; }
.pick-ranking-score.elite b[b-fb2jt59nu4] { color:#4ade80; }
.pick-ranking-score.strong b[b-fb2jt59nu4] { color:#38bdf8; }
.pick-ranking-score.acceptable b[b-fb2jt59nu4] { color:#fbbf24; }
.pick-ranking-score.avoid b[b-fb2jt59nu4] { color:#fb7185; }
.pick-ranking-level[b-fb2jt59nu4] { display:inline-flex; margin-top:.42rem; padding:.18rem .42rem; border-radius:999px; font-size:.52rem; font-weight:950; letter-spacing:.035em; }
.pick-ranking-level.elite[b-fb2jt59nu4] { color:#86efac; background:rgba(34,197,94,.12); }
.pick-ranking-level.strong[b-fb2jt59nu4] { color:#7dd3fc; background:rgba(56,189,248,.12); }
.pick-ranking-level.acceptable[b-fb2jt59nu4] { color:#fde68a; background:rgba(245,158,11,.12); }
.pick-ranking-level.avoid[b-fb2jt59nu4] { color:#fda4af; background:rgba(244,63,94,.12); }
.pick-ranking-card p[b-fb2jt59nu4] { margin:.48rem 0 0; color:#c5d4de; font-size:.61rem; line-height:1.42; }
.pick-ranking-reasons[b-fb2jt59nu4] { display:flex; flex-wrap:wrap; gap:.28rem; margin-top:.52rem; }
.pick-ranking-reasons span[b-fb2jt59nu4] { padding:.16rem .34rem; border-radius:999px; background:rgba(111,169,208,.08); border:1px solid rgba(111,169,208,.10); color:#a9c1d1; font-size:.49rem; }
.pick-ranking-note[b-fb2jt59nu4] { margin:.62rem 0 0; color:var(--muted); font-size:.58rem; line-height:1.4; }
@media (max-width:1050px) { .pick-ranking-grid[b-fb2jt59nu4] { grid-template-columns:1fr; } }

/* Auditoría de respaldo del ranking */
.audit-support-summary[b-fb2jt59nu4]{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:rgba(15,23,42,.42)}
.audit-support-summary strong[b-fb2jt59nu4]{flex:1 1 100%;color:#e2e8f0}.audit-support-summary span[b-fb2jt59nu4]{font-size:.78rem;color:#94a3b8}
.audit-support-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.audit-support-card[b-fb2jt59nu4]{padding:13px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(8,19,35,.6);display:grid;grid-template-columns:1fr auto;gap:8px}.audit-support-card div[b-fb2jt59nu4]{display:flex;flex-direction:column;gap:3px}.audit-support-card strong[b-fb2jt59nu4]{color:#f8fafc;font-size:.9rem}.audit-support-card span[b-fb2jt59nu4]{color:#38bdf8;font-size:.7rem;font-weight:700}.audit-support-card b[b-fb2jt59nu4]{font-size:1.4rem;color:#34d399}.audit-support-card small[b-fb2jt59nu4]{grid-column:1/-1;color:#94a3b8}@media(max-width:900px){.audit-support-grid[b-fb2jt59nu4]{grid-template-columns:1fr}}

/* Rendimiento ajustado por rival */
.rival-adjusted-panel[b-fb2jt59nu4]{margin-bottom:.85rem;border-color:rgba(56,189,248,.18)}
.rival-adjusted-heading p[b-fb2jt59nu4]{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;max-width:820px}
.rival-adjusted-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}
.rival-adjusted-card[b-fb2jt59nu4]{position:relative;padding:.88rem;border-radius:15px;background:rgba(4,18,31,.48);border:1px solid rgba(111,169,208,.14)}
.rival-adjusted-card.excellent[b-fb2jt59nu4],.rival-adjusted-card.good[b-fb2jt59nu4]{border-color:rgba(34,197,94,.28)}
.rival-adjusted-card.warning[b-fb2jt59nu4]{border-color:rgba(245,158,11,.3)}
.rival-adjusted-card.recover[b-fb2jt59nu4]{border-color:rgba(56,189,248,.3)}
.rival-adjusted-card.poor[b-fb2jt59nu4]{border-color:rgba(244,63,94,.28)}
.rival-adjusted-title[b-fb2jt59nu4]{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}
.rival-adjusted-title strong[b-fb2jt59nu4]{display:block;color:#eef7fb;font-size:.84rem}.rival-adjusted-title small[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:var(--muted);font-size:.56rem}
.rival-adjusted-title>span[b-fb2jt59nu4]{padding:.2rem .44rem;border-radius:999px;background:rgba(148,163,184,.1);color:#cbd5e1;font-size:.52rem;font-weight:950;letter-spacing:.03em;text-align:right}
.rival-adjusted-card.excellent .rival-adjusted-title>span[b-fb2jt59nu4],.rival-adjusted-card.good .rival-adjusted-title>span[b-fb2jt59nu4]{color:#86efac;background:rgba(34,197,94,.12)}
.rival-adjusted-card.warning .rival-adjusted-title>span[b-fb2jt59nu4]{color:#fde68a;background:rgba(245,158,11,.12)}
.rival-adjusted-card.recover .rival-adjusted-title>span[b-fb2jt59nu4]{color:#7dd3fc;background:rgba(56,189,248,.12)}
.rival-adjusted-card.poor .rival-adjusted-title>span[b-fb2jt59nu4]{color:#fda4af;background:rgba(244,63,94,.12)}
.rival-adjusted-score[b-fb2jt59nu4]{display:flex;align-items:baseline;gap:.28rem;margin:.65rem 0 .5rem}.rival-adjusted-score strong[b-fb2jt59nu4]{font-size:1.7rem;color:#e5edf3}.rival-adjusted-score small[b-fb2jt59nu4]{color:var(--muted);font-size:.54rem}
.rival-adjusted-metrics[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.rival-adjusted-metrics div[b-fb2jt59nu4]{padding:.48rem;border-radius:10px;background:rgba(6,25,42,.58);border:1px solid rgba(111,169,208,.09)}.rival-adjusted-metrics span[b-fb2jt59nu4]{display:block;color:var(--muted);font-size:.51rem}.rival-adjusted-metrics strong[b-fb2jt59nu4]{display:block;margin-top:.08rem;color:#dce8f1;font-size:.72rem}
.rival-adjusted-card p[b-fb2jt59nu4]{margin:.58rem 0 0;color:#c5d4de;font-size:.63rem;line-height:1.45}.rival-adjusted-note[b-fb2jt59nu4]{margin:.62rem 0 0;color:var(--muted);font-size:.59rem;line-height:1.4}
@media(max-width:800px){.rival-adjusted-grid[b-fb2jt59nu4]{grid-template-columns:1fr}}

/* Probabilidad de guion del partido */
.match-script-panel[b-fb2jt59nu4]{margin-bottom:.85rem;border-color:rgba(167,139,250,.24)}
.match-script-heading[b-fb2jt59nu4]{align-items:flex-start}.match-script-heading p[b-fb2jt59nu4]{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;max-width:760px}
.match-script-main[b-fb2jt59nu4]{min-width:180px;padding:.6rem .72rem;border-radius:13px;text-align:right;background:rgba(124,58,237,.08);border:1px solid rgba(167,139,250,.2)}
.match-script-main span[b-fb2jt59nu4]{display:block;color:#a78bfa;font-size:.5rem;font-weight:950;letter-spacing:.05em}.match-script-main strong[b-fb2jt59nu4]{display:block;margin-top:.1rem;color:#eef2ff;font-size:.69rem}.match-script-main b[b-fb2jt59nu4]{display:block;margin-top:.08rem;font-size:1.35rem;color:#c4b5fd}
.match-script-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.52rem}.match-script-card[b-fb2jt59nu4]{padding:.68rem;border-radius:12px;background:rgba(4,18,31,.5);border:1px solid rgba(111,169,208,.12)}.match-script-card.principal[b-fb2jt59nu4]{border-color:rgba(167,139,250,.42);box-shadow:0 0 0 1px rgba(167,139,250,.08) inset}.match-script-card>div:first-child[b-fb2jt59nu4]{display:flex;justify-content:space-between;gap:.35rem;align-items:flex-start}.match-script-card span[b-fb2jt59nu4]{color:#cbd5e1;font-size:.54rem;font-weight:900;line-height:1.25}.match-script-card strong[b-fb2jt59nu4]{font-size:.82rem;color:#e5edf3}.match-script-bar[b-fb2jt59nu4]{height:5px;margin:.4rem 0;border-radius:99px;background:rgba(148,163,184,.12);overflow:hidden}.match-script-bar i[b-fb2jt59nu4]{display:block;height:100%;border-radius:99px;background:rgba(167,139,250,.8)}.match-script-card.local .match-script-bar i[b-fb2jt59nu4]{background:rgba(56,189,248,.82)}.match-script-card.visitor .match-script-bar i[b-fb2jt59nu4]{background:rgba(251,146,60,.82)}.match-script-card.open .match-script-bar i[b-fb2jt59nu4]{background:rgba(244,63,94,.76)}.match-script-card.closed .match-script-bar i[b-fb2jt59nu4]{background:rgba(45,212,191,.76)}.match-script-card.balanced .match-script-bar i[b-fb2jt59nu4]{background:rgba(245,158,11,.78)}.match-script-card small[b-fb2jt59nu4]{display:block;color:var(--muted);font-size:.52rem;line-height:1.35}.match-script-reading[b-fb2jt59nu4]{margin-top:.68rem;padding:.66rem .75rem;border-radius:11px;background:rgba(124,58,237,.06);border:1px solid rgba(167,139,250,.16);color:#d8d7ef;font-size:.65rem;line-height:1.45}.match-script-note[b-fb2jt59nu4]{margin:.52rem 0 0;color:var(--muted);font-size:.57rem;line-height:1.4}
@media(max-width:1100px){.match-script-grid[b-fb2jt59nu4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.match-script-heading[b-fb2jt59nu4]{flex-direction:column}.match-script-main[b-fb2jt59nu4]{width:100%;text-align:left}.match-script-grid[b-fb2jt59nu4]{grid-template-columns:1fr}}


/* Coherencia entre mercados */
.market-coherence-panel[b-fb2jt59nu4] { margin-top: 18px; }
.market-coherence-heading[b-fb2jt59nu4] { align-items: flex-start; gap: 18px; }
.market-coherence-score[b-fb2jt59nu4] { min-width: 118px; text-align: center; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(148,163,184,.22); background: rgba(15,23,42,.72); }
.market-coherence-score strong[b-fb2jt59nu4] { display:block; font-size: 1.75rem; line-height: 1; }
.market-coherence-score span[b-fb2jt59nu4] { display:block; margin-top: 6px; font-size:.72rem; font-weight:800; letter-spacing:.08em; }
.market-coherence-score.green strong[b-fb2jt59nu4], .market-coherence-summary.green strong[b-fb2jt59nu4] { color:#22c55e; }
.market-coherence-score.yellow strong[b-fb2jt59nu4], .market-coherence-summary.yellow strong[b-fb2jt59nu4] { color:#facc15; }
.market-coherence-score.orange strong[b-fb2jt59nu4], .market-coherence-summary.orange strong[b-fb2jt59nu4] { color:#fb923c; }
.market-coherence-score.red strong[b-fb2jt59nu4], .market-coherence-summary.red strong[b-fb2jt59nu4] { color:#ef4444; }
.market-coherence-summary[b-fb2jt59nu4] { display:grid; gap:5px; margin:14px 0; padding:14px 16px; border-radius:14px; background:rgba(15,23,42,.55); border:1px solid rgba(148,163,184,.14); }
.market-coherence-summary strong[b-fb2jt59nu4] { font-size:.84rem; letter-spacing:.08em; }
.market-coherence-summary span[b-fb2jt59nu4] { color:#dbeafe; }
.market-coherence-summary small[b-fb2jt59nu4] { color:#94a3b8; }
.market-coherence-columns[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.market-coherence-list[b-fb2jt59nu4] { display:grid; align-content:start; gap:8px; padding:13px 14px; border-radius:14px; background:rgba(15,23,42,.58); border:1px solid rgba(148,163,184,.14); }
.market-coherence-list b[b-fb2jt59nu4] { font-size:.72rem; letter-spacing:.08em; }
.market-coherence-list span[b-fb2jt59nu4] { color:#cbd5e1; font-size:.82rem; line-height:1.35; }
.market-coherence-list.support b[b-fb2jt59nu4] { color:#22c55e; }
.market-coherence-list.tension b[b-fb2jt59nu4] { color:#facc15; }
.market-coherence-list.conflict b[b-fb2jt59nu4] { color:#ef4444; }
@media (max-width: 900px) { .market-coherence-columns[b-fb2jt59nu4] { grid-template-columns:1fr; } .market-coherence-heading[b-fb2jt59nu4] { flex-direction:column; } }

/* Reacción, cierre y rendimiento por estado del marcador */
.score-behavior-panel[b-fb2jt59nu4]{margin-bottom:.85rem;border-color:rgba(34,197,94,.18)}
.score-behavior-heading p[b-fb2jt59nu4]{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;max-width:820px}
.score-behavior-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}
.score-behavior-card[b-fb2jt59nu4]{padding:.86rem;border-radius:15px;background:rgba(4,18,31,.48);border:1px solid rgba(111,169,208,.14)}
.score-behavior-card.strong[b-fb2jt59nu4],.score-behavior-card.good[b-fb2jt59nu4]{border-color:rgba(34,197,94,.28)}
.score-behavior-card.recover[b-fb2jt59nu4]{border-color:rgba(56,189,248,.3)}
.score-behavior-card.warning[b-fb2jt59nu4]{border-color:rgba(245,158,11,.34)}
.score-behavior-head[b-fb2jt59nu4]{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}
.score-behavior-head>div:first-child span[b-fb2jt59nu4]{display:block;color:#7fa6bf;font-size:.5rem;font-weight:900;letter-spacing:.05em}
.score-behavior-head>div:first-child strong[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:#eef7fb;font-size:.82rem}
.score-behavior-head>div:first-child small[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:var(--muted);font-size:.55rem}
.score-behavior-state[b-fb2jt59nu4]{min-width:112px;text-align:right;padding:.42rem .5rem;border-radius:11px;background:rgba(148,163,184,.08)}
.score-behavior-state span[b-fb2jt59nu4]{display:block;color:#cbd5e1;font-size:.48rem;font-weight:950}.score-behavior-state strong[b-fb2jt59nu4]{display:block;margin-top:.08rem;color:#e5edf3;font-size:1.22rem}.score-behavior-state small[b-fb2jt59nu4]{display:block;color:var(--muted);font-size:.45rem}
.score-behavior-state.strong span[b-fb2jt59nu4],.score-behavior-state.good span[b-fb2jt59nu4]{color:#86efac}.score-behavior-state.recover span[b-fb2jt59nu4]{color:#7dd3fc}.score-behavior-state.warning span[b-fb2jt59nu4]{color:#fde68a}
.score-behavior-metrics[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.68rem}.score-behavior-metrics>div[b-fb2jt59nu4]{padding:.52rem;border-radius:10px;background:rgba(6,25,42,.58);border:1px solid rgba(111,169,208,.09)}.score-behavior-metrics span[b-fb2jt59nu4]{display:block;color:var(--muted);font-size:.5rem}.score-behavior-metrics strong[b-fb2jt59nu4]{display:block;margin-top:.13rem;color:#e2edf4;font-size:.66rem}.score-behavior-metrics small[b-fb2jt59nu4]{display:block;margin-top:.1rem;color:#87a4b7;font-size:.47rem}
.score-behavior-reading[b-fb2jt59nu4]{margin:.58rem 0 0;color:#c5d4de;font-size:.62rem;line-height:1.45}.score-behavior-empty[b-fb2jt59nu4]{margin-top:.62rem;color:var(--muted);font-size:.62rem}.score-behavior-note[b-fb2jt59nu4]{margin:.62rem 0 0;color:var(--muted);font-size:.57rem;line-height:1.4}
@media(max-width:820px){.score-behavior-grid[b-fb2jt59nu4]{grid-template-columns:1fr}.score-behavior-metrics[b-fb2jt59nu4]{grid-template-columns:1fr}}

/* Minutos de mayor peligro */
.danger-minutes-panel[b-fb2jt59nu4]{margin-bottom:.85rem;border-color:rgba(251,146,60,.2)}
.danger-minutes-heading p[b-fb2jt59nu4]{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;max-width:820px}
.danger-minutes-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}.danger-minutes-card[b-fb2jt59nu4]{padding:.86rem;border-radius:15px;background:rgba(4,18,31,.48);border:1px solid rgba(251,146,60,.15)}
.danger-minutes-head[b-fb2jt59nu4]{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start}.danger-minutes-head>div:first-child span[b-fb2jt59nu4]{display:block;color:#7fa6bf;font-size:.5rem;font-weight:900;letter-spacing:.05em}.danger-minutes-head>div:first-child strong[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:#eef7fb;font-size:.82rem}.danger-minutes-head>div:first-child small[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:var(--muted);font-size:.53rem}
.danger-minutes-highlights[b-fb2jt59nu4]{display:grid;gap:.22rem;text-align:right}.danger-minutes-highlights span[b-fb2jt59nu4]{padding:.18rem .38rem;border-radius:999px;background:rgba(148,163,184,.08);color:#9fb6c5;font-size:.48rem}.danger-minutes-highlights span:first-child b[b-fb2jt59nu4]{color:#4ade80}.danger-minutes-highlights span:last-child b[b-fb2jt59nu4]{color:#fb7185}
.danger-minutes-bars[b-fb2jt59nu4]{display:grid;gap:.42rem;margin-top:.7rem}.danger-minute-row[b-fb2jt59nu4]{display:grid;grid-template-columns:58px 1fr 82px;gap:.42rem;align-items:center}.danger-minute-row>strong[b-fb2jt59nu4]{color:#d8e6ef;font-size:.55rem}.danger-minute-row>small[b-fb2jt59nu4]{text-align:right;color:#8fa8b8;font-size:.47rem}.danger-minute-row>small b:first-child[b-fb2jt59nu4]{color:#4ade80}.danger-minute-row>small b:last-child[b-fb2jt59nu4]{color:#fb7185}.danger-minute-stack[b-fb2jt59nu4]{display:grid;gap:3px}.danger-minute-line[b-fb2jt59nu4]{height:5px;border-radius:99px;background:rgba(148,163,184,.10);overflow:hidden}.danger-minute-line span[b-fb2jt59nu4]{display:block;height:100%;border-radius:99px}.danger-minute-line.attack span[b-fb2jt59nu4]{background:rgba(34,197,94,.82)}.danger-minute-line.concede span[b-fb2jt59nu4]{background:rgba(244,63,94,.78)}
.danger-minutes-reading[b-fb2jt59nu4]{margin:.62rem 0 0;color:#c5d4de;font-size:.61rem;line-height:1.42}.danger-minutes-empty[b-fb2jt59nu4]{margin-top:.62rem;color:var(--muted);font-size:.62rem}.danger-minutes-legend[b-fb2jt59nu4]{display:flex;gap:1rem;margin-top:.58rem;color:var(--muted);font-size:.52rem}.danger-minutes-legend .attack[b-fb2jt59nu4]{color:#86efac}.danger-minutes-legend .concede[b-fb2jt59nu4]{color:#fda4af}
@media(max-width:820px){.danger-minutes-grid[b-fb2jt59nu4]{grid-template-columns:1fr}.danger-minute-row[b-fb2jt59nu4]{grid-template-columns:52px 1fr 74px}}

/* Balance ofensivo-defensivo y simetría */
.profile-matchup-panel[b-fb2jt59nu4]{margin-bottom:.85rem;border-color:rgba(45,212,191,.2)}
.profile-matchup-heading[b-fb2jt59nu4]{align-items:flex-start}.profile-matchup-heading p[b-fb2jt59nu4]{margin:.3rem 0 0;color:var(--muted);font-size:.76rem;max-width:780px}
.profile-symmetry[b-fb2jt59nu4]{min-width:150px;padding:.52rem .68rem;border-radius:12px;text-align:right;background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.15)}.profile-symmetry span[b-fb2jt59nu4]{display:block;color:#a9bfcc;font-size:.49rem;font-weight:950;letter-spacing:.035em}.profile-symmetry strong[b-fb2jt59nu4]{display:block;margin-top:.08rem;color:#e5edf3;font-size:1.28rem}.profile-symmetry small[b-fb2jt59nu4]{display:block;color:var(--muted);font-size:.45rem}.profile-symmetry.similar strong[b-fb2jt59nu4]{color:#4ade80}.profile-symmetry.moderate strong[b-fb2jt59nu4]{color:#7dd3fc}.profile-symmetry.contrast strong[b-fb2jt59nu4]{color:#fbbf24}.profile-symmetry.opposite strong[b-fb2jt59nu4]{color:#fb923c}
.profile-matchup-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}.profile-team-card[b-fb2jt59nu4]{padding:.86rem;border-radius:15px;background:rgba(4,18,31,.48);border:1px solid rgba(111,169,208,.14)}.profile-team-card.complete[b-fb2jt59nu4]{border-color:rgba(34,197,94,.3)}.profile-team-card.attacking[b-fb2jt59nu4]{border-color:rgba(251,146,60,.3)}.profile-team-card.defensive[b-fb2jt59nu4]{border-color:rgba(45,212,191,.28)}.profile-team-card.fragile[b-fb2jt59nu4]{border-color:rgba(244,63,94,.28)}
.profile-team-head[b-fb2jt59nu4]{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}.profile-team-head strong[b-fb2jt59nu4]{display:block;color:#eef7fb;font-size:.82rem}.profile-team-head small[b-fb2jt59nu4]{display:block;margin-top:.12rem;color:#8fb0c3;font-size:.51rem;font-weight:900;letter-spacing:.035em}.profile-team-head>b[b-fb2jt59nu4]{font-size:1.35rem;color:#d7e7f1}
.profile-axis[b-fb2jt59nu4]{display:grid;gap:.48rem;margin-top:.68rem}.profile-axis>div[b-fb2jt59nu4]{display:grid;grid-template-columns:88px 32px 1fr;gap:.38rem;align-items:center}.profile-axis span[b-fb2jt59nu4]{color:var(--muted);font-size:.51rem}.profile-axis strong[b-fb2jt59nu4]{color:#dfeaf1;font-size:.58rem;text-align:right}.profile-axis i[b-fb2jt59nu4]{display:block;height:6px;border-radius:99px;background:rgba(148,163,184,.11);overflow:hidden}.profile-axis em[b-fb2jt59nu4]{display:block;height:100%;border-radius:99px;background:rgba(56,189,248,.8)}.profile-axis>div:nth-child(2) em[b-fb2jt59nu4]{background:rgba(45,212,191,.82)}.profile-axis>div:nth-child(3) em[b-fb2jt59nu4]{background:rgba(167,139,250,.8)}
.profile-team-card p[b-fb2jt59nu4]{margin:.58rem 0 0;color:#c5d4de;font-size:.61rem;line-height:1.43}.profile-symmetry-reading[b-fb2jt59nu4]{margin-top:.72rem;padding:.66rem .75rem;border-radius:11px;background:rgba(45,212,191,.05);border:1px solid rgba(45,212,191,.14)}.profile-symmetry-reading strong[b-fb2jt59nu4]{display:block;color:#c9f8ee;font-size:.65rem}.profile-symmetry-reading span[b-fb2jt59nu4]{display:block;margin-top:.14rem;color:#c5d4de;font-size:.61rem;line-height:1.42}.profile-symmetry-reading small[b-fb2jt59nu4]{display:block;margin-top:.2rem;color:var(--muted);font-size:.5rem}.profile-matchup-note[b-fb2jt59nu4]{margin:.52rem 0 0;color:var(--muted);font-size:.57rem;line-height:1.4}
@media(max-width:820px){.profile-matchup-heading[b-fb2jt59nu4]{flex-direction:column}.profile-symmetry[b-fb2jt59nu4]{width:100%;text-align:left}.profile-matchup-grid[b-fb2jt59nu4]{grid-template-columns:1fr}}
/* Perfil de juego de temporada por condición local/visitante */
.profile-metrics-grid[b-fb2jt59nu4]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.46rem;margin-top:.7rem}.profile-metrics-grid>div[b-fb2jt59nu4]{padding:.46rem .5rem;border-radius:10px;background:rgba(15,23,42,.44);border:1px solid rgba(148,163,184,.1)}.profile-metrics-grid span[b-fb2jt59nu4]{display:block;color:#8fb0c3;font-size:.47rem;font-weight:900;letter-spacing:.025em}.profile-metrics-grid strong[b-fb2jt59nu4]{display:block;margin-top:.08rem;color:#eef7fb;font-size:.77rem}.profile-metrics-grid small[b-fb2jt59nu4]{display:block;margin-top:.02rem;color:var(--muted);font-size:.42rem}.profile-tags[b-fb2jt59nu4]{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.62rem}.profile-tags span[b-fb2jt59nu4]{padding:.22rem .4rem;border-radius:999px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.14);color:#bfe9fb;font-size:.46rem;font-weight:850}.profile-team-card.fragile .profile-tags span[b-fb2jt59nu4]{background:rgba(244,63,94,.07);border-color:rgba(244,63,94,.16);color:#fecdd3}.profile-team-card.attacking .profile-tags span[b-fb2jt59nu4]{background:rgba(251,146,60,.07);border-color:rgba(251,146,60,.16);color:#fed7aa}.profile-team-card.complete .profile-tags span[b-fb2jt59nu4]{background:rgba(34,197,94,.07);border-color:rgba(34,197,94,.16);color:#bbf7d0}
@media(max-width:980px){.profile-metrics-grid[b-fb2jt59nu4]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.profile-metrics-grid[b-fb2jt59nu4]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.profile-auto-reading[b-fb2jt59nu4]{margin-top:.78rem;padding:.78rem .86rem;border-radius:12px;background:rgba(14,116,144,.09);border:1px solid rgba(34,211,238,.22)}
.profile-auto-reading-head span[b-fb2jt59nu4]{display:block;color:#67e8f9;font-size:.52rem;font-weight:800;letter-spacing:.08em}.profile-auto-reading-head strong[b-fb2jt59nu4]{display:block;margin-top:.16rem;color:#ecfeff;font-size:.72rem}.profile-auto-reading p[b-fb2jt59nu4]{margin:.42rem 0 0;color:#d7e7ef;font-size:.62rem;line-height:1.48}
.profile-auto-reading.local[b-fb2jt59nu4]{border-color:rgba(45,212,191,.28);background:rgba(45,212,191,.07)}.profile-auto-reading.local .profile-auto-reading-head span[b-fb2jt59nu4]{color:#5eead4}
.profile-auto-reading.away[b-fb2jt59nu4]{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.06)}.profile-auto-reading.away .profile-auto-reading-head span[b-fb2jt59nu4]{color:#fcd34d}
.profile-auto-reading.balanced[b-fb2jt59nu4]{border-color:rgba(148,163,184,.22);background:rgba(148,163,184,.06)}.profile-auto-reading.balanced .profile-auto-reading-head span[b-fb2jt59nu4]{color:#cbd5e1}

/* Validación avanzada del pick: capa informativa separada de Motor V4. */
.advanced-pick-validation[b-fb2jt59nu4] {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(148, 163, 184, .25);
    border-radius: 14px;
    background: rgba(15, 23, 42, .48);
}

.advanced-pick-validation.reinforced[b-fb2jt59nu4] {
    border-color: rgba(34, 197, 94, .45);
    background: rgba(22, 101, 52, .12);
}

.advanced-pick-validation.discard[b-fb2jt59nu4] {
    border-color: rgba(239, 68, 68, .5);
    background: rgba(127, 29, 29, .13);
}

.advanced-pick-validation.neutral[b-fb2jt59nu4] {
    border-color: rgba(234, 179, 8, .38);
    background: rgba(113, 63, 18, .10);
}

.advanced-pick-validation-head[b-fb2jt59nu4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

.advanced-pick-validation-head > div:first-child[b-fb2jt59nu4] {
    display: grid;
    gap: 3px;
}

.advanced-pick-validation-head span[b-fb2jt59nu4],
.advanced-pick-validation > small[b-fb2jt59nu4] {
    font-size: .72rem;
    letter-spacing: .04em;
    opacity: .76;
}

.advanced-pick-validation-head strong[b-fb2jt59nu4] {
    font-size: 1.05rem;
}

.advanced-pick-validation.reinforced .advanced-pick-validation-head strong[b-fb2jt59nu4] {
    color: #86efac;
}

.advanced-pick-validation.discard .advanced-pick-validation-head strong[b-fb2jt59nu4] {
    color: #fca5a5;
}

.advanced-pick-validation.neutral .advanced-pick-validation-head strong[b-fb2jt59nu4] {
    color: #fde68a;
}

.advanced-pick-validation-counts[b-fb2jt59nu4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.advanced-pick-validation-counts span[b-fb2jt59nu4] {
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .10);
}

.advanced-pick-validation > p[b-fb2jt59nu4] {
    margin: 10px 0;
    line-height: 1.45;
}

.advanced-pick-validation-signals[b-fb2jt59nu4] {
    display: grid;
    gap: 6px;
    margin: 10px 0;
}

.advanced-pick-validation-signal[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(120px, .7fr) minmax(0, 1.8fr);
    gap: 10px;
    padding: 7px 9px;
    border-radius: 9px;
    background: rgba(148, 163, 184, .07);
}

.advanced-pick-validation-signal.support[b-fb2jt59nu4] {
    border-left: 3px solid rgba(34, 197, 94, .78);
}

.advanced-pick-validation-signal.caution[b-fb2jt59nu4] {
    border-left: 3px solid rgba(239, 68, 68, .78);
}

.advanced-pick-validation-signal.neutral[b-fb2jt59nu4] {
    border-left: 3px solid rgba(234, 179, 8, .62);
}

.advanced-pick-validation-signal span[b-fb2jt59nu4] {
    font-size: .76rem;
    opacity: .78;
}

.advanced-pick-validation-signal strong[b-fb2jt59nu4] {
    font-size: .82rem;
    font-weight: 600;
}

@media (max-width: 760px) {
    .advanced-pick-validation-head[b-fb2jt59nu4] {
        display: grid;
    }

    .advanced-pick-validation-counts[b-fb2jt59nu4] {
        justify-content: flex-start;
    }

    .advanced-pick-validation-signal[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}


/* Cuotas del partido: panel minimizado por defecto */
.h2h-odds-collapsible[b-fb2jt59nu4] {
    padding: 0;
    overflow: hidden;
}

.h2h-odds-compact-summary[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .62rem .85rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.h2h-odds-compact-summary[b-fb2jt59nu4]::-webkit-details-marker {
    display: none;
}

.h2h-odds-compact-title[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.h2h-odds-compact-title strong[b-fb2jt59nu4] {
    color: #effaff;
    font-size: .78rem;
    white-space: nowrap;
}

.h2h-odds-compact-meta[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex: 0 0 auto;
}

.h2h-odds-toggle-text[b-fb2jt59nu4] {
    padding: .27rem .5rem;
    color: #b9d8e8;
    border: 1px solid rgba(105, 171, 220, .2);
    border-radius: 999px;
    background: rgba(45, 140, 255, .06);
    font-size: .64rem;
    font-weight: 700;
}

.h2h-odds-collapsible[open] .h2h-odds-toggle-text[b-fb2jt59nu4]::before {
    content: "Ocultar ";
}

.h2h-odds-collapsible[open] .h2h-odds-toggle-text[b-fb2jt59nu4] {
    font-size: 0;
}

.h2h-odds-collapsible[open] .h2h-odds-toggle-text[b-fb2jt59nu4]::before {
    font-size: .64rem;
}

.h2h-odds-collapsible-body[b-fb2jt59nu4] {
    padding: 0 .85rem .85rem;
}

.h2h-odds-compact-description[b-fb2jt59nu4] {
    margin: 0 0 .7rem;
    color: var(--odds-muted);
    font-size: .7rem;
}

@media (max-width: 700px) {
    .h2h-odds-compact-summary[b-fb2jt59nu4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .h2h-odds-compact-title[b-fb2jt59nu4] {
        flex-wrap: wrap;
    }

    .h2h-odds-compact-meta[b-fb2jt59nu4] {
        width: 100%;
        justify-content: space-between;
    }
}

/* === Comparación vs promedio de liga por condición === */
.league-relative-summary[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: -2px 0 16px;
}

.league-relative-summary > span[b-fb2jt59nu4] {
    padding: 9px 11px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, .14);
    background: rgba(15, 23, 42, .45);
    color: #cbd5e1;
    font-size: .75rem;
}

.league-relative-summary b[b-fb2jt59nu4] {
    display: block;
    margin-bottom: 2px;
    color: #f8fafc;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.league-average-value[b-fb2jt59nu4] {
    color: #64748b !important;
    font-size: .67rem !important;
    font-weight: 700;
}

.league-team-reading[b-fb2jt59nu4] {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(148, 163, 184, .12);
    color: #94a3b8;
    font-size: .75rem;
    line-height: 1.45;
}

@media (max-width: 620px) {
    .league-relative-summary[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

/* FIX: conservar disponibilidad compacta y Forma en una sola línea por equipo. */
.h2h-main-grid > .form-panel[b-fb2jt59nu4] {
    grid-column: 1 / -1;
}
.form-compare-grid .form-pills[b-fb2jt59nu4] {
    flex-wrap: nowrap;
    gap: .34rem;
    overflow-x: visible;
}
.form-compare-grid .form-pill[b-fb2jt59nu4] {
    flex: 0 0 auto;
    min-width: 36px;
    padding-inline: .34rem;
}
@media (max-width: 900px) {
    .form-compare-grid .form-pills[b-fb2jt59nu4] {
        flex-wrap: wrap;
    }
}

/* === Tercera pasada: cabina de decisión === */
.decision-cockpit[b-fb2jt59nu4] {
    margin: 12px 0 14px;
    padding: 16px;
    border: 1px solid rgba(46, 220, 145, .28);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(5, 42, 54, .96), rgba(6, 25, 43, .98));
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.decision-cockpit-head[b-fb2jt59nu4] {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}

.decision-cockpit-head h2[b-fb2jt59nu4] { margin: 2px 0 0; font-size: 1.12rem; }
.decision-cockpit-note[b-fb2jt59nu4] { color: var(--muted, #8fb0c6); font-size: .76rem; }

.decision-cockpit-grid[b-fb2jt59nu4] {
    display:grid;
    grid-template-columns: 1.35fr 1fr .85fr;
    gap:10px;
}

.decision-cockpit-grid > article[b-fb2jt59nu4] {
    min-width:0;
    padding:13px 14px;
    border:1px solid rgba(113, 163, 194, .2);
    border-radius:14px;
    background:rgba(3, 21, 37, .62);
}

.decision-main-pick[b-fb2jt59nu4] { border-color: rgba(46,220,145,.42) !important; }
.decision-label[b-fb2jt59nu4] { display:block; color:#7fa3ba; font-size:.64rem; font-weight:800; letter-spacing:.08em; margin-bottom:5px; }
.decision-cockpit strong[b-fb2jt59nu4] { display:block; font-size:1rem; line-height:1.2; }
.decision-cockpit small[b-fb2jt59nu4] { display:block; color:#8fb0c6; font-size:.69rem; margin-top:5px; }

.decision-main-meta[b-fb2jt59nu4] { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:8px; }
.decision-main-meta b[b-fb2jt59nu4], .decision-main-meta span[b-fb2jt59nu4] {
    padding:4px 7px; border-radius:999px; font-size:.68rem; background:rgba(94,138,168,.14); border:1px solid rgba(105,157,190,.2);
}
.decision-validation.reforzado[b-fb2jt59nu4], .decision-validation.fuerte[b-fb2jt59nu4], .decision-validation.verde[b-fb2jt59nu4] { color:#44e69a; }
.decision-validation.descartar[b-fb2jt59nu4], .decision-validation.rojo[b-fb2jt59nu4] { color:#ff6476; }
.decision-validation.neutral[b-fb2jt59nu4], .decision-validation.amarillo[b-fb2jt59nu4] { color:#ffc94f; }

.decision-1x2[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:4px; }
.decision-1x2 > div[b-fb2jt59nu4] { text-align:center; padding:7px 4px; border-radius:10px; background:rgba(74,130,166,.12); }
.decision-1x2 span[b-fb2jt59nu4] { display:block; color:#8fb0c6; font-size:.62rem; }
.decision-1x2 b[b-fb2jt59nu4] { font-size:.95rem; }

.decision-script b[b-fb2jt59nu4] { display:block; margin-top:4px; font-size:1.25rem; color:#a987ff; }

.decision-top6[b-fb2jt59nu4] { margin-top:10px; padding-top:10px; border-top:1px solid rgba(105,157,190,.15); }
.decision-top6-title[b-fb2jt59nu4] { display:flex; align-items:center; gap:8px; margin-bottom:7px; }
.decision-top6-title span[b-fb2jt59nu4] { font-size:.68rem; font-weight:900; color:#44e69a; letter-spacing:.09em; }
.decision-top6-title small[b-fb2jt59nu4] { margin:0; }
.decision-top6-grid[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
.decision-top6-item[b-fb2jt59nu4] { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:6px; min-width:0; padding:7px 8px; border-radius:10px; background:rgba(5,26,43,.78); border:1px solid rgba(105,157,190,.16); }
.decision-top6-item > span[b-fb2jt59nu4] { font-size:.66rem; color:#63c7ff; font-weight:900; }
.decision-top6-item > strong[b-fb2jt59nu4] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.7rem; }
.decision-top6-item > b[b-fb2jt59nu4] { font-size:.78rem; color:#43e69a; }

.secondary-summary[b-fb2jt59nu4] { opacity:.82; }
.secondary-summary .h2h-kpi[b-fb2jt59nu4] { padding-top:8px !important; padding-bottom:8px !important; }

/* El ranking detallado sigue disponible, pero deja de competir visualmente con la cabina superior. */
.pick-ranking-panel[b-fb2jt59nu4] { margin-top:18px; }
.pick-ranking-panel .panel-heading p[b-fb2jt59nu4],
.audit-support-panel .panel-heading p[b-fb2jt59nu4],
.pick-ranking-note[b-fb2jt59nu4] { opacity:.72; }

@media (max-width: 1200px) {
    .decision-cockpit-grid[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; }
    .decision-script[b-fb2jt59nu4] { grid-column:1 / -1; }
    .decision-top6-grid[b-fb2jt59nu4] { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 720px) {
    .decision-cockpit[b-fb2jt59nu4] { padding:12px; }
    .decision-cockpit-head[b-fb2jt59nu4] { align-items:flex-start; flex-direction:column; }
    .decision-cockpit-grid[b-fb2jt59nu4] { grid-template-columns:1fr; }
    .decision-script[b-fb2jt59nu4] { grid-column:auto; }
    .decision-top6-grid[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; }
}

/* ==========================================================
   TOP 8 EJECUTIVO · DECISIÓN EN 10 SEGUNDOS
   ========================================================== */
.decision-cockpit-head p[b-fb2jt59nu4] {
    margin: .28rem 0 0;
    color: #8fb0c6;
    font-size: .72rem;
}

.decision-main-pick.exec-green[b-fb2jt59nu4],
.decision-main-pick.exec-blue[b-fb2jt59nu4],
.decision-main-pick.exec-yellow[b-fb2jt59nu4],
.decision-main-pick.exec-orange[b-fb2jt59nu4],
.decision-main-pick.exec-red[b-fb2jt59nu4] {
    position: relative;
    overflow: hidden;
}

.decision-main-pick.exec-green[b-fb2jt59nu4] { border-color: rgba(53,218,120,.58) !important; }
.decision-main-pick.exec-blue[b-fb2jt59nu4] { border-color: rgba(56,161,255,.62) !important; }
.decision-main-pick.exec-yellow[b-fb2jt59nu4] { border-color: rgba(245,199,78,.58) !important; }
.decision-main-pick.exec-orange[b-fb2jt59nu4] { border-color: rgba(255,145,55,.62) !important; }
.decision-main-pick.exec-red[b-fb2jt59nu4] { border-color: rgba(239,82,82,.58) !important; }

.executive-light[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-top: .65rem;
    padding: .5rem .72rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(4,19,31,.62);
}
.executive-light > i[b-fb2jt59nu4],
.top8-light > i[b-fb2jt59nu4] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border-radius: 50%;
    box-shadow: 0 0 14px currentColor, 0 0 3px currentColor;
}
.executive-light > div[b-fb2jt59nu4] { display: grid; line-height: 1.05; }
.executive-light span[b-fb2jt59nu4] { font-size: .59rem; font-weight: 900; letter-spacing: .09em; }
.executive-light strong[b-fb2jt59nu4] { margin-top: .12rem; font-size: .78rem; }

.exec-green[b-fb2jt59nu4] { --exec-color: #20e878; --exec-bg: rgba(32,232,120,.18); --exec-soft: rgba(32,232,120,.26); }
.exec-blue[b-fb2jt59nu4] { --exec-color: #42a5ff; --exec-bg: rgba(66,165,255,.18); --exec-soft: rgba(66,165,255,.28); }
.exec-yellow[b-fb2jt59nu4] { --exec-color: #ffd84a; --exec-bg: rgba(255,216,74,.18); --exec-soft: rgba(255,216,74,.27); }
.exec-orange[b-fb2jt59nu4] { --exec-color: #ff8a1f; --exec-bg: rgba(255,138,31,.20); --exec-soft: rgba(255,138,31,.30); }
.exec-red[b-fb2jt59nu4] { --exec-color: #ff4d5d; --exec-bg: rgba(255,77,93,.20); --exec-soft: rgba(255,77,93,.30); }
.executive-light.exec-green[b-fb2jt59nu4],
.executive-light.exec-blue[b-fb2jt59nu4],
.executive-light.exec-yellow[b-fb2jt59nu4],
.executive-light.exec-orange[b-fb2jt59nu4],
.executive-light.exec-red[b-fb2jt59nu4],
.top8-light[b-fb2jt59nu4] {
    color: var(--exec-color);
}
.executive-light > i[b-fb2jt59nu4],
.top8-light > i[b-fb2jt59nu4] { background: var(--exec-color); }

.decision-top8[b-fb2jt59nu4] {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid rgba(105,157,190,.15);
}
.decision-top8-title[b-fb2jt59nu4] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.decision-top8-title > span[b-fb2jt59nu4] {
    color: #44e69a;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .09em;
}
.decision-top8-title > small[b-fb2jt59nu4] {
    margin: 0;
    color: #7fa0b6;
    font-size: .64rem;
}
.decision-top8-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.decision-top8-item[b-fb2jt59nu4] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    grid-template-areas:
        "rank market"
        "light light"
        "signals signals";
    gap: 6px 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--exec-color) 72%, rgba(105,157,190,.18));
    border-left-width: 4px;
    border-radius: 12px;
    background: linear-gradient(145deg, var(--exec-bg), rgba(5,24,39,.92) 62%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--exec-color) 10%, transparent);
}
.top8-rank[b-fb2jt59nu4] {
    grid-area: rank;
    align-self: start;
    color: var(--exec-color);
    font-size: .68rem;
    font-weight: 900;
}
.top8-market[b-fb2jt59nu4] { grid-area: market; min-width: 0; }
.top8-market > strong[b-fb2jt59nu4] {
    display: block;
    overflow: hidden;
    color: #eef8fd;
    font-size: .79rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top8-market > small[b-fb2jt59nu4] {
    display: block;
    margin-top: 3px;
    color: #88a9be;
    font-size: .61rem;
}
.top8-light[b-fb2jt59nu4] {
    grid-area: light;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 8px;
    border: 1px solid color-mix(in srgb, var(--exec-color) 70%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--exec-color) 18%, rgba(4,18,30,.82));
}
.top8-light > div[b-fb2jt59nu4] { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.top8-light span[b-fb2jt59nu4] { font-size: .57rem; font-weight: 900; letter-spacing: .07em; }
.top8-light b[b-fb2jt59nu4] { color: var(--exec-color); font-size: .72rem; white-space: nowrap; }

/* Semáforo ejecutivo: contraste alto para lectura inmediata */
.top8-light span[b-fb2jt59nu4],
.top8-light b[b-fb2jt59nu4] { text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.decision-top8-item.exec-green .top8-light[b-fb2jt59nu4] { box-shadow: inset 0 0 18px rgba(32,232,120,.08); }
.decision-top8-item.exec-blue .top8-light[b-fb2jt59nu4] { box-shadow: inset 0 0 18px rgba(66,165,255,.09); }
.decision-top8-item.exec-yellow .top8-light[b-fb2jt59nu4] { box-shadow: inset 0 0 18px rgba(255,216,74,.08); }
.decision-top8-item.exec-orange .top8-light[b-fb2jt59nu4] { box-shadow: inset 0 0 18px rgba(255,138,31,.10); }
.decision-top8-item.exec-red .top8-light[b-fb2jt59nu4] { box-shadow: inset 0 0 18px rgba(255,77,93,.10); }

.top8-signals[b-fb2jt59nu4] {
    grid-area: signals;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #91afc1;
    font-size: .59rem;
}
.top8-signals span:first-child[b-fb2jt59nu4] { color: #8fdcaf; }
.top8-signals span:last-child[b-fb2jt59nu4] { color: #d6ad74; }
.decision-no-executive[b-fb2jt59nu4] {
    margin-top: 10px;
    padding: 10px 12px;
    color: #9ab5c6;
    border: 1px dashed rgba(105,157,190,.24);
    border-radius: 10px;
    text-align: center;
    font-size: .72rem;
}

@media (max-width: 1280px) {
    .decision-top8-grid[b-fb2jt59nu4] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .decision-top8-title[b-fb2jt59nu4] { align-items: flex-start; flex-direction: column; }
    .decision-top8-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
}

/* ==========================================================================\n   PICKS365 H2H · REDISEÑO PROFESIONAL 2026\n   Capa visual final. Mantiene toda la lógica del componente y moderniza la UI.\n   ========================================================================== */
.h2h-dashboard[b-fb2jt59nu4] {
    --bg: #eef5fb;
    --panel: #ffffff;
    --panel-2: #f6faff;
    --border: #dbe7f2;
    --text: #0f2742;
    --muted: #243e57;
    --green: #0daf68;
    --blue: #0969e8;
    --cyan: #0da6d8;
    --yellow: #f0a51a;
    --purple: #7558d9;
    --red: #ef3d4f;
    margin: -1.5rem;
    padding: 1.15rem 1.15rem 2rem;
    color: var(--text);
    background:
        radial-gradient(circle at 88% 0%, rgba(22, 127, 233, .08), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #eef5fb 52%, #eaf2f9 100%);
}

.h2h-pro-header[b-fb2jt59nu4] {
    position: relative;
    overflow: hidden;
    min-height: 94px;
    padding: 1rem 1.35rem;
    margin-bottom: .75rem;
    border: 1px solid #d7e6f2;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 50%, rgba(238,248,255,.86) 72%, rgba(9,105,232,.11) 100%),
        radial-gradient(ellipse at 82% 110%, rgba(0,119,215,.22), transparent 46%);
    box-shadow: 0 10px 28px rgba(25, 67, 106, .08);
}
.h2h-pro-header[b-fb2jt59nu4]::after {
    content: "";
    position: absolute;
    right: -4%;
    bottom: -46px;
    width: 44%;
    height: 118px;
    border: 1px solid rgba(9,105,232,.11);
    border-radius: 50% 50% 0 0;
    transform: perspective(260px) rotateX(58deg);
    background:
        repeating-linear-gradient(90deg, transparent 0 36px, rgba(9,105,232,.07) 37px 38px),
        repeating-linear-gradient(0deg, transparent 0 18px, rgba(9,105,232,.07) 19px 20px);
}
.h2h-eyebrow[b-fb2jt59nu4] {
    display: inline-flex;
    margin-bottom: .25rem;
    color: #0870df;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .12em;
}
.h2h-header-copy[b-fb2jt59nu4] { position: relative; z-index: 2; }
.h2h-header-copy h1[b-fb2jt59nu4] {
    color: #0b1e35;
    font-size: clamp(1.65rem, 2.6vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -.04em;
}
.h2h-header-copy p[b-fb2jt59nu4] { color: #243e57; font-size: .84rem; }
.h2h-header-mark[b-fb2jt59nu4] {
    position: relative;
    z-index: 2;
    margin-left: auto;
    padding-right: .4rem;
    color: #234361;
    text-align: right;
    letter-spacing: .16em;
    font-size: .58rem;
}
.h2h-header-mark span[b-fb2jt59nu4],
.h2h-header-mark strong[b-fb2jt59nu4] { display: block; }
.h2h-header-mark strong[b-fb2jt59nu4] { margin-top: .1rem; color: #0b6edc; font-size: .72rem; }

.h2h-alert[b-fb2jt59nu4] {
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(24,67,105,.06);
}
.h2h-alert.ok[b-fb2jt59nu4] { color: #087343; border-color: #b9ead1; background: #ecfbf4; }
.h2h-alert.error[b-fb2jt59nu4] { color: #b72d3e; border-color: #f5c4cb; background: #fff1f3; }

.h2h-filters[b-fb2jt59nu4] {
    grid-template-columns: .8fr 1fr 1.05fr .9fr 1.65fr .85fr auto;
    gap: .65rem;
    padding: .8rem 1rem .9rem;
    margin-bottom: .75rem;
    border: 1px solid #d9e6f1;
    border-radius: 14px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 24px rgba(24, 67, 105, .07);
}
.h2h-filters label span[b-fb2jt59nu4] {
    color: #243e57;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: none;
}
.h2h-filters select[b-fb2jt59nu4],
.h2h-filters select.selector-abierto[b-fb2jt59nu4],
.h2h-filters select.selector-cerrado[b-fb2jt59nu4] {
    min-height: 40px;
    color: #102b48;
    border: 1px solid #cfddea;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(20,55,88,.03);
}
.h2h-filters select:focus[b-fb2jt59nu4] {
    border-color: #0c72e8;
    box-shadow: 0 0 0 3px rgba(12,114,232,.12);
}
.h2h-filters select option.opcion-abierta[b-fb2jt59nu4],
.h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] {
    color: #102b48;
    background: #ffffff;
}
.h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] { color: #243e57; }
.h2h-refresh[b-fb2jt59nu4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-width: 122px;
    min-height: 40px;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(135deg, #0a71ef, #095bc7);
    box-shadow: 0 8px 18px rgba(9,105,232,.23);
}
.h2h-refresh:hover:not(:disabled)[b-fb2jt59nu4] { transform: translateY(-1px); filter: brightness(1.04); }
.h2h-refresh-icon[b-fb2jt59nu4] { font-size: 1.1rem; line-height: 1; }

.match-hero[b-fb2jt59nu4] {
    grid-template-columns: minmax(230px,1fr) minmax(185px,.72fr) minmax(230px,1fr) minmax(310px,1.18fr);
    min-height: 108px;
    gap: 1rem;
    padding: .9rem 1rem;
    margin-bottom: .72rem;
    border: 1px solid #d8e6f2;
    border-radius: 14px;
    background:
        radial-gradient(circle at 48% 115%, rgba(9,105,232,.08), transparent 34%),
        linear-gradient(180deg, #ffffff, #f8fbfe);
    box-shadow: 0 8px 24px rgba(24,67,105,.07);
}
.team-side[b-fb2jt59nu4] { gap: .75rem; min-width: 0; }
.team-side > div:not(.team-avatar)[b-fb2jt59nu4] { min-width: 0; }
.team-side span[b-fb2jt59nu4] { color: #243e57; font-size: .59rem; font-weight: 800; letter-spacing: .05em; }
.team-side h2[b-fb2jt59nu4] {
    overflow: hidden;
    margin: .06rem 0;
    color: #0c2340;
    font-size: clamp(1rem, 1.45vw, 1.42rem);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.team-side small[b-fb2jt59nu4] { color: #243e57; font-size: .67rem; }
.team-avatar[b-fb2jt59nu4],
[b-fb2jt59nu4] .hero-team-logo,
.hero-team-logo[b-fb2jt59nu4] {
    width: 66px !important;
    height: 66px !important;
    flex: 0 0 66px !important;
    padding: 7px !important;
    border: 1px solid #d8e4ed !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(20,59,94,.1) !important;
    object-fit: contain !important;
}
.team-avatar[b-fb2jt59nu4] { color: #0b6edc; }
.local-team .team-avatar[b-fb2jt59nu4] { color: #0b9a5c; border-color: #ccebdc; }
.match-center[b-fb2jt59nu4] {
    min-width: 0;
    padding: .1rem .5rem;
    color: #183d60;
}
.match-center > strong[b-fb2jt59nu4] { color: #0c2340; font-size: 1.55rem; }
.match-center > div[b-fb2jt59nu4] { color: #243e57; font-size: .75rem; }
.match-center small[b-fb2jt59nu4] { color: #243e57; font-size: .64rem; }
.match-jornada[b-fb2jt59nu4] {
    color: #0b6edc;
    border-color: #cfe1f5;
    background: #eef6ff;
    font-weight: 800;
}
.match-probabilities[b-fb2jt59nu4] {
    align-self: stretch;
    padding: .58rem;
    border: 1px solid #f1dfe2;
    border-radius: 11px;
    background: linear-gradient(180deg,#fffafb,#fff5f6);
}
.match-probabilities-title[b-fb2jt59nu4] {
    margin-bottom: .45rem;
    color: #b51f31;
    text-align: center;
    font-size: .68rem;
    font-weight: 900;
}
.match-probabilities-grid[b-fb2jt59nu4] { display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem; }
.probability-box[b-fb2jt59nu4] {
    display: grid;
    place-items: center;
    min-height: 58px;
    padding: .4rem .25rem;
    border-radius: 8px;
}
.probability-box span[b-fb2jt59nu4] { font-size: .6rem; font-weight: 800; }
.probability-box strong[b-fb2jt59nu4] { margin-top: .1rem; font-size: 1.25rem; line-height: 1; }
.probability-box.local[b-fb2jt59nu4] { color: #0a8b56; background: #edf5ff; }
.probability-box.draw[b-fb2jt59nu4] { color: #cf8510; background: #fff6e6; }
.probability-box.visitor[b-fb2jt59nu4] { color: #dc3345; background: #ffecef; }

.scope-ribbon[b-fb2jt59nu4] {
    gap: 1.4rem;
    border: 1px solid #d9e6f1;
    background: #ffffff;
    box-shadow: 0 7px 18px rgba(24,67,105,.05);
}
.scope-ribbon span[b-fb2jt59nu4] { color: #243e57; }
.scope-ribbon strong[b-fb2jt59nu4] { color: #173a5b; }
.scope-note[b-fb2jt59nu4] { color: #356a92; border-color: #d3e6f2; background: #f2f8fc; }

.h2h-panel[b-fb2jt59nu4],
.h2h-kpi[b-fb2jt59nu4],
.quick-summary-card[b-fb2jt59nu4],
.decision-cockpit[b-fb2jt59nu4],
.season-matrix-panel[b-fb2jt59nu4],
.h2h-load-context[b-fb2jt59nu4] {
    border-color: #d8e5ef !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(24,67,105,.06) !important;
}
.h2h-panel[b-fb2jt59nu4] { border-radius: 13px; }
.h2h-kpi[b-fb2jt59nu4] {
    min-height: 104px;
    border-radius: 12px;
    background: linear-gradient(180deg,#fff,#f9fbfd) !important;
}
.h2h-kpi[b-fb2jt59nu4]::after { opacity: .07; }
.h2h-kpi span[b-fb2jt59nu4],
.panel-heading p[b-fb2jt59nu4],
.panel-badge[b-fb2jt59nu4],
.quick-summary-card span[b-fb2jt59nu4],
.quick-summary-card small[b-fb2jt59nu4] { color: #243e57 !important; }
.h2h-kpi strong[b-fb2jt59nu4],
.panel-heading h2[b-fb2jt59nu4],
.quick-summary-card strong[b-fb2jt59nu4] { color: #102b48; }
.panel-kicker[b-fb2jt59nu4] { color: #0b70e2; }
.panel-badge[b-fb2jt59nu4] { border-color: #d6e4ef; background: #f7fbfe; }

.h2h-empty[b-fb2jt59nu4] {
    color: #173a5b;
    border-color: #cbddea;
    background: rgba(255,255,255,.92);
}
.h2h-empty p[b-fb2jt59nu4] { color: #243e57; }
.h2h-loader[b-fb2jt59nu4] { border-color: rgba(9,105,232,.15); border-top-color: #0969e8; }

.h2h-tab[b-fb2jt59nu4] {
    color: #243e57;
    border-color: #d5e2ed;
    background: #ffffff;
}
.h2h-tab:hover[b-fb2jt59nu4] { color: #0b6edc; border-color: #b9d4ee; background: #eef6ff; }
.h2h-tab.active[b-fb2jt59nu4] {
    color: #fff;
    border-color: #0b6edc;
    background: #0b6edc;
    box-shadow: 0 5px 12px rgba(11,110,220,.18);
}

.compare-labels[b-fb2jt59nu4] { color: #294e70; }
.compare-values span[b-fb2jt59nu4],
.form-title span[b-fb2jt59nu4] { color: #243e57; }
.bar-half[b-fb2jt59nu4] { background: #edf5ff; }
.form-compare-grid .form-team[b-fb2jt59nu4] {
    border-color: #dfe8f0;
    background: #ffffff;
}

.result-donut > div[b-fb2jt59nu4] { background: #ffffff; box-shadow: inset 0 0 18px rgba(30,72,108,.08); }
.result-donut span[b-fb2jt59nu4] { color: #243e57; }
.result-legend span[b-fb2jt59nu4] { color: #243e57; }

/* Tablas y bloques de datos: lectura clara sobre fondo blanco. */
.h2h-dashboard table[b-fb2jt59nu4] { color: #183b5d; }
.h2h-dashboard th[b-fb2jt59nu4] { color: #243e57; background: #edf5ff; }
.h2h-dashboard td[b-fb2jt59nu4] { border-color: #e3ebf2; }
.h2h-dashboard tr:hover td[b-fb2jt59nu4] { background: #f8fbfe; }

/* Los grandes bloques ejecutivos conservan los colores semánticos, pero con base clara. */
.decision-cockpit[b-fb2jt59nu4],
.h2h-quick-summary[b-fb2jt59nu4] { color: #153957; }
.decision-cockpit-head p[b-fb2jt59nu4],
.decision-cockpit-note[b-fb2jt59nu4],
.quick-summary-heading small[b-fb2jt59nu4] { color: #243e57 !important; }
.decision-main-pick[b-fb2jt59nu4],
.decision-projection[b-fb2jt59nu4],
.decision-script[b-fb2jt59nu4],
.decision-top8-item[b-fb2jt59nu4] {
    border-color: #dbe6ef !important;
    background: #ffffff !important;
}
.decision-label[b-fb2jt59nu4] { color: #243e57 !important; }
.decision-main-pick > strong[b-fb2jt59nu4],
.decision-projection > strong[b-fb2jt59nu4],
.decision-script > strong[b-fb2jt59nu4],
.decision-top8-item strong[b-fb2jt59nu4] { color: #102b48; }
.decision-1x2 > div[b-fb2jt59nu4] { background: #ffffff; border-color: #dbe6ef; }
.decision-1x2 span[b-fb2jt59nu4] { color: #243e57; }
.decision-1x2 b[b-fb2jt59nu4] { color: #0b6edc; }

/* SVG / gráficas: fondos claros y mejor contraste. */
.h2h-dashboard svg[b-fb2jt59nu4] { overflow: visible; }
.h2h-dashboard .radar-grid[b-fb2jt59nu4],
.h2h-dashboard .chart-grid[b-fb2jt59nu4],
.h2h-dashboard .graph-grid[b-fb2jt59nu4] { stroke: #dce7f0 !important; }
.h2h-dashboard .radar-axis[b-fb2jt59nu4] { stroke: #c7d8e6 !important; }
.h2h-dashboard .radar-label[b-fb2jt59nu4],
.h2h-dashboard .chart-label[b-fb2jt59nu4] { fill: #45637e !important; }

/* Barras de distribución sobre gris claro en vez de azul oscuro. */
.h2h-dashboard [class*="track"][b-fb2jt59nu4],
.h2h-dashboard [class*="bar-bg"][b-fb2jt59nu4] { background-color: #edf5ff; }

@media (max-width: 1450px) {
    .match-hero[b-fb2jt59nu4] { grid-template-columns: 1fr .7fr 1fr; }
    .match-probabilities[b-fb2jt59nu4] { grid-column: 1 / -1; }
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .h2h-refresh[b-fb2jt59nu4] { width: 100%; }
}

@media (max-width: 900px) {
    .h2h-dashboard[b-fb2jt59nu4] { margin: -1rem; padding: .75rem; }
    .h2h-pro-header[b-fb2jt59nu4] { min-height: auto; }
    .h2h-header-mark[b-fb2jt59nu4] { display: none; }
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .match-hero[b-fb2jt59nu4] { grid-template-columns: 1fr; text-align: center; }
    .team-side[b-fb2jt59nu4],
    .visitor-team[b-fb2jt59nu4] { justify-content: center; text-align: left; }
    .match-center[b-fb2jt59nu4] { order: 2; }
    .visitor-team[b-fb2jt59nu4] { order: 3; }
    .match-probabilities[b-fb2jt59nu4] { order: 4; grid-column: auto; }
}

@media (max-width: 560px) {
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .match-probabilities-grid[b-fb2jt59nu4] { grid-template-columns: 1fr; }
    .team-side h2[b-fb2jt59nu4] { white-space: normal; }
}

/* ============================================================
   REDISEÑO PROFESIONAL V2 · 2026-10-02
   Cambia estructura visual, jerarquía, tarjetas y densidad.
   ============================================================ */
.h2h-dashboard[b-fb2jt59nu4] {
    --pro-navy: #0b1f3a;
    --pro-blue: #0d6efd;
    --pro-blue-2: #1677ff;
    --pro-red: #ef3340;
    --pro-green: #0eb56f;
    --pro-amber: #f4a300;
    --pro-text: #10233f;
    --pro-muted: #243e57;
    --pro-line: #dbe6f2;
    --pro-bg: #f4f8fc;
    color: var(--pro-text) !important;
    background: linear-gradient(180deg, #f7fbff 0, #f3f7fb 460px, #eef4f9 100%) !important;
    padding: 0 1rem 2rem !important;
}

.h2h-pro-header[b-fb2jt59nu4] {
    min-height: 116px;
    padding: 1.2rem 1.5rem !important;
    margin: 0 -1rem .8rem !important;
    border: 0 !important;
    border-radius: 0 0 18px 18px !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 48%, rgba(7,28,56,.16) 72%, rgba(3,16,34,.66) 100%),
        radial-gradient(circle at 78% 18%, rgba(34,154,255,.34), transparent 30%),
        linear-gradient(120deg, #dceeff, #88c7ff 55%, #0b2a4f 100%) !important;
    box-shadow: 0 10px 30px rgba(25, 67, 110, .10) !important;
}
.h2h-pro-header .h2h-header-copy h1[b-fb2jt59nu4] { color: #0b1f3a !important; font-size: clamp(1.7rem, 2.6vw, 2.35rem) !important; letter-spacing: -.035em; }
.h2h-pro-header .h2h-header-copy p[b-fb2jt59nu4] { color: #243e57 !important; font-size: .9rem !important; }
.h2h-eyebrow[b-fb2jt59nu4] { color: #0878e8 !important; font-weight: 800 !important; letter-spacing: .12em; font-size: .65rem; }
.h2h-header-mark[b-fb2jt59nu4] { color: white !important; text-align: right; letter-spacing: .12em; text-shadow: 0 2px 8px rgba(0,0,0,.25); }

.h2h-filters[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: .85fr 1fr 1fr .85fr 1.45fr .85fr auto !important;
    gap: .75rem !important;
    padding: .9rem 1rem !important;
    margin: 0 0 .75rem !important;
    border: 1px solid #dce7f3 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 24px rgba(18, 60, 103, .07) !important;
}
.h2h-filters label > span[b-fb2jt59nu4] { color: #243e57 !important; font-size: .7rem !important; font-weight: 800 !important; text-transform: none !important; letter-spacing: 0 !important; }
.h2h-filters select[b-fb2jt59nu4] {
    color: #142b49 !important;
    background: #ffffff !important;
    border: 1px solid #cedceb !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.h2h-filters select:focus[b-fb2jt59nu4] { border-color: #6db0ff !important; box-shadow: 0 0 0 3px rgba(13,110,253,.10) !important; }
.h2h-filters select option[b-fb2jt59nu4] { color: #142b49 !important; background: #ffffff !important; }
.h2h-filters select option.opcion-abierta[b-fb2jt59nu4] { color: #142b49 !important; background: #ffffff !important; }
.h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] { color: #243e57 !important; background: #edf5ff !important; }
.h2h-refresh[b-fb2jt59nu4] {
    min-height: 42px !important;
    padding: .65rem 1.35rem !important;
    color: white !important;
    background: linear-gradient(135deg, #0f7cff, #055fd7) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(13,110,253,.23) !important;
}
.h2h-refresh:hover:not(:disabled)[b-fb2jt59nu4] { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(13,110,253,.3) !important; }

.match-hero-strip[b-fb2jt59nu4] {
    grid-template-columns: minmax(0, 1fr) 210px minmax(0, 1fr) minmax(320px, .9fr) !important;
    min-height: 118px;
    margin-bottom: .75rem !important;
    padding: .8rem 1rem !important;
    border: 1px solid #dbe7f2 !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98), rgba(248,252,255,.97) 54%, rgba(255,255,255,.99)),
        linear-gradient(135deg, #eaf5ff, #fff) !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 20px rgba(18,60,103,.06) !important;
}
.match-hero-strip .team-side h2[b-fb2jt59nu4] { color: #10233f !important; font-size: 1.2rem !important; }
.match-hero-strip .team-side span[b-fb2jt59nu4], .match-hero-strip .team-side small[b-fb2jt59nu4] { color: #243e57 !important; }
.match-hero-strip .match-center[b-fb2jt59nu4] { color: #10233f !important; }
.match-hero-strip .match-center > strong[b-fb2jt59nu4] { color: #10233f !important; font-size: 1.4rem !important; }
.match-hero-strip .match-center small[b-fb2jt59nu4] { color: #243e57 !important; }
.match-jornada[b-fb2jt59nu4] { color: #0b65c7 !important; border-color: #b8d8fb !important; background: #edf6ff !important; }
.hero-team-logo[b-fb2jt59nu4] { width: 62px !important; height: 62px !important; object-fit: contain !important; filter: drop-shadow(0 5px 8px rgba(25,61,99,.12)); }
.match-probabilities[b-fb2jt59nu4] { border-left: 1px solid #e4ecf5; padding-left: 1rem; }
.match-probabilities-title[b-fb2jt59nu4] { color: #c52430 !important; font-weight: 800 !important; text-align: center; margin-bottom: .45rem; font-size: .76rem; }
.match-probabilities-grid[b-fb2jt59nu4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; }
.probability-box[b-fb2jt59nu4] { padding: .7rem .4rem !important; border-radius: 8px !important; text-align: center; border: 0 !important; }
.probability-box span[b-fb2jt59nu4] { display:block; color: #243e57 !important; font-size:.68rem; margin-bottom:.2rem; }
.probability-box strong[b-fb2jt59nu4] { font-size: 1.4rem !important; }
.probability-box.local[b-fb2jt59nu4] { background: #edf5ff !important; color:#009d62 !important; }
.probability-box.draw[b-fb2jt59nu4] { background:#fff6e7 !important; color:#dc8b00 !important; }
.probability-box.visitor[b-fb2jt59nu4] { background:#fff0f2 !important; color:#e02d3b !important; }

.h2h-pro-nav[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .4rem;
    margin: 0 0 .75rem;
}
.h2h-pro-nav a[b-fb2jt59nu4] {
    display:flex; align-items:center; justify-content:center; gap:.4rem;
    min-height: 40px; padding:.55rem .65rem;
    color: #243e57; text-decoration:none; font-size:.73rem; font-weight:700;
    background: #ffffff; border:1px solid #dce7f2; border-radius:8px;
    box-shadow:0 4px 12px rgba(25,62,99,.04);
}
.h2h-pro-nav a:hover[b-fb2jt59nu4], .h2h-pro-nav a.active[b-fb2jt59nu4] { color:white; border-color:#0d6efd; background:linear-gradient(135deg,#1677ff,#075dd4); box-shadow:0 7px 18px rgba(13,110,253,.18); }

.h2h-pro-overview[b-fb2jt59nu4] { margin-bottom: .9rem; }
.pro-metrics-row[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin-bottom:.65rem; }
.pro-metric-card[b-fb2jt59nu4] {
    min-height: 138px; padding:.85rem .9rem;
    background: #ffffff; border:1px solid #dfe8f2; border-radius:12px;
    box-shadow:0 6px 16px rgba(20,58,97,.055);
}
.pro-card-title[b-fb2jt59nu4] { display:flex; align-items:center; gap:.45rem; margin-bottom:.7rem; color:#10233f; font-size:.78rem; }
.pro-card-title small[b-fb2jt59nu4] { margin-left:auto; color: #243e57; font-size:.62rem; font-weight:600; }
.pro-icon[b-fb2jt59nu4] { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:#edf5ff; color:#0d6efd; font-size:.78rem; }
.pro-dual-stat[b-fb2jt59nu4], .pro-form-line[b-fb2jt59nu4] { display:flex; justify-content:space-between; align-items:center; gap:.5rem; color: #243e57; font-size:.68rem; }
.pro-dual-stat b[b-fb2jt59nu4], .pro-form-line b[b-fb2jt59nu4] { color:#142b49; font-size:.76rem; }
.pro-dual-stat.visitor[b-fb2jt59nu4], .pro-form-line.visitor[b-fb2jt59nu4] { margin-top:.55rem; }
.pro-bar[b-fb2jt59nu4] { height:7px; margin-top:.24rem; overflow:hidden; border-radius:999px; background: #edf5ff; }
.pro-bar i[b-fb2jt59nu4] { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#096cf0,#3a91ff); }
.pro-bar.visitor i[b-fb2jt59nu4] { background:linear-gradient(90deg,#ff3a49,#ef3340); }
.pro-xg-head[b-fb2jt59nu4], .pro-xg-row[b-fb2jt59nu4] { display:grid; grid-template-columns:1.5fr .55fr .55fr; gap:.45rem; align-items:center; }
.pro-xg-head[b-fb2jt59nu4] { color: #243e57; font-size:.62rem; padding-bottom:.35rem; border-bottom:1px solid #edf1f5; }
.pro-xg-row[b-fb2jt59nu4] { padding:.48rem 0; color: #243e57; font-size:.68rem; border-bottom:1px solid #f1f4f8; }
.pro-xg-row b[b-fb2jt59nu4] { color:#0c7b52; text-align:right; }
.pro-xg-row.visitor b[b-fb2jt59nu4] { color:#df3140; }
.pro-form-pills[b-fb2jt59nu4] { display:flex; gap:.28rem; margin-top:.35rem; }
.pro-form-pills .form-pill[b-fb2jt59nu4] { min-width:26px !important; height:24px !important; font-size:.62rem !important; border-radius:6px !important; }

.pro-overview-grid[b-fb2jt59nu4] {
    display:grid;
    grid-template-columns: 1.2fr .9fr 1.15fr .95fr;
    grid-template-areas:
      "recent h2h trends radar"
      "recent pick pick radar";
    gap:.65rem;
}
.pro-overview-grid > .h2h-panel[b-fb2jt59nu4] { background: #ffffff !important; border:1px solid #dfe8f2 !important; border-radius:12px !important; box-shadow:0 6px 16px rgba(20,58,97,.055) !important; color:#10233f !important; padding:.85rem !important; }
.pro-recent-panel[b-fb2jt59nu4] { grid-area:recent; }
.pro-h2h-panel[b-fb2jt59nu4] { grid-area:h2h; }
.pro-trends-panel[b-fb2jt59nu4] { grid-area:trends; }
.pro-radar-panel[b-fb2jt59nu4] { grid-area:radar; }
.pro-pick-panel[b-fb2jt59nu4] { grid-area:pick; background:linear-gradient(135deg,#f4fffb,#edfdf7) !important; border-color:#bfeeda !important; }
.pro-section-head[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.8rem; align-items:flex-start; margin-bottom:.7rem; }
.pro-section-head span[b-fb2jt59nu4] { color:#0d6efd; font-size:.6rem; font-weight:900; letter-spacing:.08em; }
.pro-section-head h2[b-fb2jt59nu4] { margin:.08rem 0 0; color:#10233f; font-size:.88rem; }
.pro-section-head small[b-fb2jt59nu4] { color: #243e57; font-size:.62rem; }
.pro-recent-table > div[b-fb2jt59nu4] { display:grid; grid-template-columns:1.4fr .8fr .8fr; gap:.35rem; padding:.38rem .25rem; border-bottom:1px solid #edf2f7; font-size:.66rem; }
.pro-recent-table .head[b-fb2jt59nu4] { color: #243e57; background:#f7faff; border-radius:7px; font-size:.62rem; }
.pro-recent-table b[b-fb2jt59nu4] { text-align:center; color:#0d8057; }
.pro-recent-table b:last-child[b-fb2jt59nu4] { color:#e23543; }
.pro-h2h-score[b-fb2jt59nu4] { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; }
.pro-h2h-score > div[b-fb2jt59nu4] { text-align:center; padding:.7rem .35rem; border-radius:9px; background: #edf5ff; }
.pro-h2h-score > div.draw[b-fb2jt59nu4] { background:#fff6e7; }
.pro-h2h-score > div.visitor[b-fb2jt59nu4] { background:#fff0f2; }
.pro-h2h-score strong[b-fb2jt59nu4] { display:block; color:#0a9c62; font-size:1.3rem; }
.pro-h2h-score .draw strong[b-fb2jt59nu4] { color:#d98a00; }
.pro-h2h-score .visitor strong[b-fb2jt59nu4] { color:#df3140; }
.pro-h2h-score span[b-fb2jt59nu4] { display:block; margin-top:.2rem; color: #243e57; font-size:.58rem; }
.pro-h2h-mini[b-fb2jt59nu4] { display:flex; justify-content:space-between; gap:.6rem; margin-top:.55rem; color: #243e57; font-size:.62rem; }
.pro-h2h-mini b[b-fb2jt59nu4] { color:#1b3554; }
.pro-trend-list[b-fb2jt59nu4] { display:grid; gap:.42rem; }
.pro-trend-list > div[b-fb2jt59nu4] { display:grid; grid-template-columns:24px 1fr auto; gap:.45rem; align-items:center; padding:.42rem; border-radius:8px; background:#f8fbfe; }
.pro-trend-list p[b-fb2jt59nu4] { margin:0; color: #243e57; font-size:.63rem; line-height:1.25; }
.pro-trend-list b[b-fb2jt59nu4] { color:#173656; font-size:.64rem; }
.trend-bullet[b-fb2jt59nu4] { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background: #edf5ff; color:#0ba367; font-size:.65rem; font-weight:900; }
.trend-bullet.visitor[b-fb2jt59nu4] { background:#fff0f2; color:#df3140; }
.pro-radar-panel .radar-chart-wrap.compact[b-fb2jt59nu4] { max-height:235px; min-height:220px; }
.pro-radar-panel .radar-chart[b-fb2jt59nu4] { max-height:235px; }
.pro-radar-panel .radar-axis-label[b-fb2jt59nu4] { fill:#5b718a !important; }
.pro-radar-panel .radar-grid-polygon[b-fb2jt59nu4], .pro-radar-panel .radar-axis[b-fb2jt59nu4] { stroke:#d7e3ef !important; }
.pro-pick-title[b-fb2jt59nu4] { display:flex; align-items:center; gap:.4rem; color:#a46c00; font-size:.72rem; }
.pro-pick-title span[b-fb2jt59nu4] { color:#f4a300; font-size:1rem; }
.pro-pick-main[b-fb2jt59nu4] { display:flex; justify-content:space-between; align-items:center; gap:.7rem; margin:.45rem 0; padding:.55rem .65rem; background:#dff8ee; border-radius:9px; }
.pro-pick-main h2[b-fb2jt59nu4] { margin:0; color:#075a3c; font-size:1rem; }
.pro-pick-main b[b-fb2jt59nu4] { padding:.3rem .5rem; border-radius:7px; background:#0eb56f; color:white; font-size:.9rem; }
.pro-pick-score[b-fb2jt59nu4] { color: #243e57; font-size:.64rem; }
.pro-pick-score strong[b-fb2jt59nu4] { color:#0d8057; }
.pro-pick-panel p[b-fb2jt59nu4] { margin:.45rem 0 0; color: #243e57; font-size:.65rem; line-height:1.4; }

.scope-ribbon[b-fb2jt59nu4] {
    color: #243e57 !important; border:1px solid #dce7f2 !important; background: #ffffff !important;
    box-shadow:0 5px 14px rgba(20,58,97,.04) !important;
}
.scope-ribbon span[b-fb2jt59nu4] { color: #243e57 !important; }
.scope-note[b-fb2jt59nu4] { color: #243e57 !important; border-color:#d7e6f5 !important; background:#f5faff !important; }

/* El resumen viejo sigue disponible, pero deja de dominar visualmente. */
.legacy-quick-summary[b-fb2jt59nu4] { display:none !important; }

.decision-cockpit[b-fb2jt59nu4] {
    border:1px solid #dce7f2 !important; background: #ffffff !important; color:#10233f !important;
    border-radius:14px !important; box-shadow:0 6px 18px rgba(20,58,97,.055) !important;
}
.decision-cockpit h2[b-fb2jt59nu4], .decision-cockpit strong[b-fb2jt59nu4], .decision-cockpit b[b-fb2jt59nu4] { color:#17314f; }
.decision-cockpit p[b-fb2jt59nu4], .decision-cockpit small[b-fb2jt59nu4] { color: #243e57 !important; }
.decision-cockpit-grid > article[b-fb2jt59nu4], .decision-top8-item[b-fb2jt59nu4] { background:#f8fbfe !important; border-color:#e0e8f1 !important; color:#17314f !important; }
.decision-main-pick[b-fb2jt59nu4] { background:linear-gradient(135deg,#f4fffb,#f8fffc) !important; }

.h2h-kpis[b-fb2jt59nu4] { grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
.h2h-kpi[b-fb2jt59nu4] {
    min-height:92px !important; background: #ffffff !important; border:1px solid #dfe8f2 !important;
    border-radius:11px !important; box-shadow:0 4px 12px rgba(20,58,97,.045) !important;
}
.h2h-kpi[b-fb2jt59nu4]::after { display:none !important; }
.h2h-kpi span[b-fb2jt59nu4] { color: #243e57 !important; min-height:auto !important; font-size:.62rem !important; text-transform:none !important; }
.h2h-kpi strong[b-fb2jt59nu4] { color:#17314f !important; font-size:1.25rem !important; }
.h2h-kpi small[b-fb2jt59nu4] { color: #243e57 !important; }

.h2h-main-grid[b-fb2jt59nu4], .h2h-bottom-grid[b-fb2jt59nu4] { gap:.7rem !important; }
.h2h-panel[b-fb2jt59nu4] {
    color:#10233f !important; background: #ffffff !important; border:1px solid #dfe8f2 !important;
    box-shadow:0 6px 16px rgba(20,58,97,.05) !important;
}
.h2h-panel h2[b-fb2jt59nu4], .h2h-panel strong[b-fb2jt59nu4], .h2h-panel b[b-fb2jt59nu4] { color:#17314f; }
.h2h-panel p[b-fb2jt59nu4], .h2h-panel small[b-fb2jt59nu4], .h2h-panel span[b-fb2jt59nu4] { color:inherit; }
.panel-heading p[b-fb2jt59nu4], .panel-empty[b-fb2jt59nu4], .radar-note[b-fb2jt59nu4] { color: #243e57 !important; }
.panel-kicker[b-fb2jt59nu4] { color:#0d6efd !important; }
.panel-badge[b-fb2jt59nu4] { color: #243e57 !important; border-color:#dce6f0 !important; background:#f8fbfe !important; }
.h2h-tab[b-fb2jt59nu4] { color: #243e57 !important; background: #ffffff !important; border-color:#dce7f2 !important; }
.h2h-tab.active[b-fb2jt59nu4] { color:#fff !important; background:#0d6efd !important; border-color:#0d6efd !important; }
.compare-values span[b-fb2jt59nu4], .compare-labels[b-fb2jt59nu4] { color: #243e57 !important; }
.bar-half[b-fb2jt59nu4] { background: #edf5ff !important; }
.form-compare-grid .form-team[b-fb2jt59nu4], .trend-team-card[b-fb2jt59nu4], .xg-team-card[b-fb2jt59nu4] { background: #ffffff !important; border-color:#e0e9f2 !important; }
.trend-team-head span[b-fb2jt59nu4], .form-title span[b-fb2jt59nu4] { color: #243e57 !important; }
.trend-item[b-fb2jt59nu4] { background: #ffffff !important; border-color:#e4ebf3 !important; }
.radar-grid-polygon[b-fb2jt59nu4], .radar-axis[b-fb2jt59nu4] { stroke:#d8e3ee !important; }
.radar-axis-label[b-fb2jt59nu4] { fill:#60758d !important; }
.radar-local[b-fb2jt59nu4] { fill:rgba(13,110,253,.16) !important; stroke:#0d6efd !important; }
.radar-visitor[b-fb2jt59nu4] { fill:rgba(239,51,64,.13) !important; stroke:#ef3340 !important; }

.h2h-load-context[b-fb2jt59nu4], .season-matrix-panel[b-fb2jt59nu4], .season-matrix-summary[b-fb2jt59nu4], .season-matrix-body[b-fb2jt59nu4] {
    color:#17314f !important; background: #ffffff !important; border-color:#dce7f2 !important;
}

@media (max-width: 1500px) {
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
    .match-hero-strip[b-fb2jt59nu4] { grid-template-columns: 1fr 180px 1fr !important; }
    .match-probabilities[b-fb2jt59nu4] { grid-column:1/-1; border-left:0; border-top:1px solid #e5edf5; padding:.65rem 0 0; }
    .pro-overview-grid[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; grid-template-areas:"recent h2h" "recent trends" "pick radar"; }
}
@media (max-width: 1050px) {
    .h2h-pro-nav[b-fb2jt59nu4] { grid-template-columns:repeat(3,1fr); }
    .pro-metrics-row[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; }
    .h2h-kpis[b-fb2jt59nu4] { grid-template-columns:repeat(4,1fr) !important; }
}
@media (max-width: 760px) {
    .h2h-dashboard[b-fb2jt59nu4] { padding:0 .5rem 1rem !important; }
    .h2h-pro-header[b-fb2jt59nu4] { margin:0 -.5rem .7rem !important; }
    .h2h-filters[b-fb2jt59nu4] { grid-template-columns:1fr !important; }
    .match-hero-strip[b-fb2jt59nu4] { grid-template-columns:1fr !important; text-align:center; }
    .team-side[b-fb2jt59nu4], .visitor-team[b-fb2jt59nu4] { justify-content:center !important; text-align:center !important; }
    .pro-metrics-row[b-fb2jt59nu4], .pro-overview-grid[b-fb2jt59nu4], .h2h-kpis[b-fb2jt59nu4] { grid-template-columns:1fr !important; grid-template-areas:none !important; }
    .pro-overview-grid > *[b-fb2jt59nu4] { grid-area:auto !important; }
    .h2h-pro-nav[b-fb2jt59nu4] { grid-template-columns:1fr 1fr; }
}

/* =========================================================
   H2H PROFESIONAL V3 - CONTRASTE Y LEGIBILIDAD
   Reduce grises lavados y sube contraste de textos secundarios.
   ========================================================= */
.h2h-dashboard[b-fb2jt59nu4] {
    --pro-text: #081a33 !important;
    --pro-muted: #243e57 !important;
    --pro-line: #d3dfec !important;
    --pro-bg: #f8fbff !important;
    color: #081a33 !important;
    background: linear-gradient(180deg, #ffffff 0, #f8fbff 520px, #f5f9fd 100%) !important;
}

/* Texto secundario: antes demasiado gris */
.h2h-pro-header .h2h-header-copy p[b-fb2jt59nu4],
.h2h-filters label > span[b-fb2jt59nu4],
.match-hero-strip .team-side span[b-fb2jt59nu4],
.match-hero-strip .team-side small[b-fb2jt59nu4],
.match-hero-strip .match-center small[b-fb2jt59nu4],
.pro-card-title small[b-fb2jt59nu4],
.pro-dual-stat[b-fb2jt59nu4],
.pro-form-line[b-fb2jt59nu4],
.pro-xg-head[b-fb2jt59nu4],
.pro-xg-row[b-fb2jt59nu4],
.pro-section-head small[b-fb2jt59nu4],
.pro-recent-table .head[b-fb2jt59nu4],
.pro-h2h-score span[b-fb2jt59nu4],
.pro-h2h-mini[b-fb2jt59nu4],
.pro-trend-list p[b-fb2jt59nu4],
.pro-pick-score[b-fb2jt59nu4],
.pro-pick-panel p[b-fb2jt59nu4],
.scope-ribbon[b-fb2jt59nu4],
.scope-ribbon span[b-fb2jt59nu4],
.scope-note[b-fb2jt59nu4],
.h2h-kpi span[b-fb2jt59nu4],
.h2h-kpi small[b-fb2jt59nu4],
.panel-heading p[b-fb2jt59nu4],
.panel-empty[b-fb2jt59nu4],
.radar-note[b-fb2jt59nu4],
.panel-badge[b-fb2jt59nu4],
.compare-values span[b-fb2jt59nu4],
.compare-labels[b-fb2jt59nu4],
.trend-team-head span[b-fb2jt59nu4],
.form-title span[b-fb2jt59nu4] {
    color: #243e57 !important;
}

/* Texto principal dentro de tarjetas y tablas */
.h2h-panel[b-fb2jt59nu4],
.pro-metric-card[b-fb2jt59nu4],
.pro-overview-grid > .h2h-panel[b-fb2jt59nu4],
.decision-cockpit[b-fb2jt59nu4],
.h2h-kpi[b-fb2jt59nu4],
.match-hero-strip[b-fb2jt59nu4],
.h2h-filters[b-fb2jt59nu4] {
    color: #081a33 !important;
}

.h2h-panel h2[b-fb2jt59nu4],
.h2h-panel h3[b-fb2jt59nu4],
.h2h-panel strong[b-fb2jt59nu4],
.h2h-panel b[b-fb2jt59nu4],
.pro-card-title[b-fb2jt59nu4],
.pro-section-head h2[b-fb2jt59nu4],
.pro-dual-stat b[b-fb2jt59nu4],
.pro-form-line b[b-fb2jt59nu4],
.pro-h2h-mini b[b-fb2jt59nu4],
.pro-trend-list b[b-fb2jt59nu4],
.h2h-kpi strong[b-fb2jt59nu4],
.match-hero-strip .team-side h2[b-fb2jt59nu4],
.match-hero-strip .match-center[b-fb2jt59nu4],
.match-hero-strip .match-center > strong[b-fb2jt59nu4] {
    color: #081a33 !important;
}

/* Fondos más blancos para evitar gris sobre gris */
.h2h-filters[b-fb2jt59nu4],
.match-hero-strip[b-fb2jt59nu4],
.pro-metric-card[b-fb2jt59nu4],
.pro-overview-grid > .h2h-panel[b-fb2jt59nu4],
.h2h-panel[b-fb2jt59nu4],
.decision-cockpit[b-fb2jt59nu4],
.h2h-kpi[b-fb2jt59nu4],
.scope-ribbon[b-fb2jt59nu4],
.h2h-load-context[b-fb2jt59nu4],
.season-matrix-panel[b-fb2jt59nu4],
.season-matrix-summary[b-fb2jt59nu4],
.season-matrix-body[b-fb2jt59nu4] {
    background: #ffffff !important;
}

.pro-recent-table .head[b-fb2jt59nu4],
.pro-trend-list > div[b-fb2jt59nu4],
.form-compare-grid .form-team[b-fb2jt59nu4],
.trend-team-card[b-fb2jt59nu4],
.xg-team-card[b-fb2jt59nu4],
.decision-cockpit-grid > article[b-fb2jt59nu4],
.decision-top8-item[b-fb2jt59nu4],
.panel-badge[b-fb2jt59nu4] {
    background: #edf5ff !important;
}

/* Navegación y pestañas con texto más oscuro */
.h2h-pro-nav a[b-fb2jt59nu4] { color: #173858 !important; }
.h2h-pro-nav a:hover[b-fb2jt59nu4],
.h2h-pro-nav a.active[b-fb2jt59nu4] { color: #ffffff !important; }
.h2h-tab[b-fb2jt59nu4] { color: #173858 !important; }
.h2h-tab.active[b-fb2jt59nu4] { color: #ffffff !important; }

/* Tablas: máxima legibilidad */
.market-table th[b-fb2jt59nu4],
.history-table th[b-fb2jt59nu4] { color: #243e57 !important; }
.market-table td[b-fb2jt59nu4],
.history-table td[b-fb2jt59nu4] { color: #102a46 !important; }
.market-reading[b-fb2jt59nu4],
.signal-card p[b-fb2jt59nu4],
.history-table td small[b-fb2jt59nu4],
.vs-mini[b-fb2jt59nu4],
.form-stats[b-fb2jt59nu4],
.no-data[b-fb2jt59nu4] { color: #243e57 !important; }

/* Inputs y opciones cerradas siguen visibles */
.h2h-filters select[b-fb2jt59nu4] { color: #081a33 !important; }
.h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] {
    color: #243e57 !important;
    background: #edf5ff !important;
}

/* Radar */
.pro-radar-panel .radar-axis-label[b-fb2jt59nu4],
.radar-axis-label[b-fb2jt59nu4] { fill: #304b68 !important; }

/* =========================================================
   H2H PROFESIONAL V4 - TEMA CLARO REAL / CONTRASTE TOTAL
   Corrige los fondos oscuros semitransparentes heredados del
   tema original que sobre blanco se convertían en gris medio.
   ========================================================= */
.h2h-dashboard[b-fb2jt59nu4] {
    --bg: #f7faff !important;
    --panel: #ffffff !important;
    --panel-2: #f4f8fc !important;
    --border: #d9e4ef !important;
    --text: #0b1f36 !important;
    --muted: #243e57 !important;
    color: #0b1f36 !important;
}

/* Tarjetas analíticas internas: blanco real, no gris translúcido */
.h2h-dashboard .projection-family[b-fb2jt59nu4],
.h2h-dashboard .signal-card[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-card[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score[b-fb2jt59nu4],
.h2h-dashboard .result-support-summary > div[b-fb2jt59nu4],
.h2h-dashboard .result-support-verdict > div[b-fb2jt59nu4],
.h2h-dashboard .result-context-grid > div[b-fb2jt59nu4],
.h2h-dashboard .xg-team-card[b-fb2jt59nu4],
.h2h-dashboard .xg-metric[b-fb2jt59nu4],
.h2h-dashboard .lambda-xg-card[b-fb2jt59nu4],
.h2h-dashboard .momentum-card[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-team[b-fb2jt59nu4],
.h2h-dashboard .schedule-team-card[b-fb2jt59nu4],
.h2h-dashboard .schedule-block[b-fb2jt59nu4],
.h2h-dashboard .schedule-rival-row[b-fb2jt59nu4],
.h2h-dashboard .consistency-card[b-fb2jt59nu4],
.h2h-dashboard .consistency-summary > div[b-fb2jt59nu4],
.h2h-dashboard .consistency-metric[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-card[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-option[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-card[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-card[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-metrics div[b-fb2jt59nu4],
.h2h-dashboard .match-script-card[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-score[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-list[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-card[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-card[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry[b-fb2jt59nu4],
.h2h-dashboard .profile-team-card[b-fb2jt59nu4],
.h2h-dashboard .profile-metrics-grid > div[b-fb2jt59nu4],
.h2h-dashboard .profile-auto-reading[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation[b-fb2jt59nu4],
.h2h-dashboard .pick-decision[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-light[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence[b-fb2jt59nu4],
.h2h-dashboard .pick-contradictions[b-fb2jt59nu4],
.h2h-dashboard .pick-contradiction-item[b-fb2jt59nu4],
.h2h-dashboard .coincidence-row[b-fb2jt59nu4],
.h2h-dashboard .scoring-grid > div[b-fb2jt59nu4],
.h2h-dashboard .data-quality-item[b-fb2jt59nu4],
.h2h-dashboard .matrix-result-card[b-fb2jt59nu4] {
    background: #ffffff !important;
    color: #0b1f36 !important;
    border-color: #dbe5ef !important;
    box-shadow: 0 3px 10px rgba(25, 54, 89, .035) !important;
}

/* Subtarjetas que conviene diferenciar ligeramente */
.h2h-dashboard .xg-metric[b-fb2jt59nu4],
.h2h-dashboard .lambda-xg-card[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score[b-fb2jt59nu4],
.h2h-dashboard .consistency-summary > div[b-fb2jt59nu4],
.h2h-dashboard .consistency-metric[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-metrics div[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .profile-metrics-grid > div[b-fb2jt59nu4],
.h2h-dashboard .schedule-rival-row[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-option[b-fb2jt59nu4],
.h2h-dashboard .pick-contradiction-item[b-fb2jt59nu4] {
    background: #ffffff !important;
}

/* Texto principal y secundario de los bloques que aún heredaban blanco del tema oscuro */
.h2h-dashboard .projection-family-title strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-head strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score strong[b-fb2jt59nu4],
.h2h-dashboard .result-support-table td[b-fb2jt59nu4],
.h2h-dashboard .result-support-summary strong[b-fb2jt59nu4],
.h2h-dashboard .result-support-verdict strong[b-fb2jt59nu4],
.h2h-dashboard .xg-team-title strong[b-fb2jt59nu4],
.h2h-dashboard .xg-metric strong[b-fb2jt59nu4],
.h2h-dashboard .lambda-xg-card strong[b-fb2jt59nu4],
.h2h-dashboard .momentum-card-head strong[b-fb2jt59nu4],
.h2h-dashboard .momentum-stats strong[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-team-head strong[b-fb2jt59nu4],
.h2h-dashboard .schedule-team-title strong[b-fb2jt59nu4],
.h2h-dashboard .schedule-block-head strong[b-fb2jt59nu4],
.h2h-dashboard .schedule-rival-name strong[b-fb2jt59nu4],
.h2h-dashboard .consistency-card strong[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-card-head strong[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-option strong[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-option b[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-card strong[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-card strong[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-metrics strong[b-fb2jt59nu4],
.h2h-dashboard .match-script-card strong[b-fb2jt59nu4],
.h2h-dashboard .match-script-card span[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics strong[b-fb2jt59nu4],
.h2h-dashboard .danger-minute-row > strong[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry strong[b-fb2jt59nu4],
.h2h-dashboard .profile-team-card strong[b-fb2jt59nu4],
.h2h-dashboard .profile-axis strong[b-fb2jt59nu4],
.h2h-dashboard .profile-metrics-grid strong[b-fb2jt59nu4],
.h2h-dashboard .profile-team-card p[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry-reading span[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-reading[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats strong[b-fb2jt59nu4] {
    color: #0b1f36 !important;
}

.h2h-dashboard .projection-family-title span[b-fb2jt59nu4],
.h2h-dashboard .projection-sample[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics span[b-fb2jt59nu4],
.h2h-dashboard .result-support-summary span[b-fb2jt59nu4],
.h2h-dashboard .result-support-summary small[b-fb2jt59nu4],
.h2h-dashboard .result-support-verdict span[b-fb2jt59nu4],
.h2h-dashboard .result-support-verdict p[b-fb2jt59nu4],
.h2h-dashboard .xg-team-title span[b-fb2jt59nu4],
.h2h-dashboard .xg-team-title small[b-fb2jt59nu4],
.h2h-dashboard .xg-metric span[b-fb2jt59nu4],
.h2h-dashboard .xg-metric small[b-fb2jt59nu4],
.h2h-dashboard .lambda-xg-card span[b-fb2jt59nu4],
.h2h-dashboard .lambda-xg-card small[b-fb2jt59nu4],
.h2h-dashboard .xg-disclaimer[b-fb2jt59nu4],
.h2h-dashboard .momentum-card-head span[b-fb2jt59nu4],
.h2h-dashboard .momentum-card-head small[b-fb2jt59nu4],
.h2h-dashboard .momentum-note[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-team-head small[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-label span[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-note[b-fb2jt59nu4],
.h2h-dashboard .schedule-team-title small[b-fb2jt59nu4],
.h2h-dashboard .schedule-block-head span[b-fb2jt59nu4],
.h2h-dashboard .schedule-rival-name small[b-fb2jt59nu4],
.h2h-dashboard .schedule-note[b-fb2jt59nu4],
.h2h-dashboard .consistency-card span[b-fb2jt59nu4],
.h2h-dashboard .consistency-card small[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-card-head small[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-option span[b-fb2jt59nu4],
.h2h-dashboard .market-ladder-note[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-heading p[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-metrics span[b-fb2jt59nu4],
.h2h-dashboard .match-script-card small[b-fb2jt59nu4],
.h2h-dashboard .match-script-note[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics span[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics small[b-fb2jt59nu4],
.h2h-dashboard .danger-minute-row > small[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry span[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry small[b-fb2jt59nu4],
.h2h-dashboard .profile-axis span[b-fb2jt59nu4],
.h2h-dashboard .profile-metrics-grid span[b-fb2jt59nu4],
.h2h-dashboard .profile-metrics-grid small[b-fb2jt59nu4],
.h2h-dashboard .profile-matchup-note[b-fb2jt59nu4] {
    color: #243e57 !important;
}

/* Respaldo del resultado: tabla y resumen totalmente legibles */
.h2h-dashboard .result-support-table-wrap[b-fb2jt59nu4] {
    background: #ffffff !important;
    border-color: #d9e4ef !important;
}
.h2h-dashboard .result-support-table th[b-fb2jt59nu4] {
    background: #edf5ff !important;
    color: #243e57 !important;
}
.h2h-dashboard .result-support-table td[b-fb2jt59nu4] {
    background: #ffffff !important;
    border-bottom-color: #e1e9f1 !important;
}
.h2h-dashboard .result-support-table td:first-child small[b-fb2jt59nu4] { color: #243e57 !important; }

/* Proyección estadística: elimina el gran bloque gris oscuro */
.h2h-dashboard .projection-panel[b-fb2jt59nu4],
.h2h-dashboard .projection-families-grid[b-fb2jt59nu4],
.h2h-dashboard .projection-family[b-fb2jt59nu4] {
    color:#0b1f36 !important;
}
.h2h-dashboard .projection-family[b-fb2jt59nu4] {
    background:#f8fbfe !important;
}

/* Momentum: la tarjeta es clara, sólo la gráfica conserva fondo azul oscuro */
.h2h-dashboard .momentum-card[b-fb2jt59nu4] { background: #ffffff !important; }
.h2h-dashboard .momentum-chart-wrap[b-fb2jt59nu4] {
    background:#f5f9fd !important;
    border-color:#dbe5ef !important;
}
.h2h-dashboard .momentum-chart[b-fb2jt59nu4] {
    background:#17324a !important;
    border-radius:10px;
}
.h2h-dashboard .momentum-axis[b-fb2jt59nu4] { color: #243e57 !important; }
.h2h-dashboard .momentum-bottom[b-fb2jt59nu4],
.h2h-dashboard .momentum-stats[b-fb2jt59nu4] { color: #243e57 !important; }

/* Perfil de juego / contexto avanzado */
.h2h-dashboard .profile-team-card[b-fb2jt59nu4] { background: #ffffff !important; }
.h2h-dashboard .profile-metrics-grid > div[b-fb2jt59nu4] { background: #edf5ff !important; }
.h2h-dashboard .profile-tags span[b-fb2jt59nu4] {
    background:#eef7ff !important;
    border-color:#cde4f7 !important;
    color:#245b84 !important;
}
.h2h-dashboard .profile-team-card.fragile .profile-tags span[b-fb2jt59nu4] { background:#fff3f5 !important; color:#9b3342 !important; }
.h2h-dashboard .profile-team-card.attacking .profile-tags span[b-fb2jt59nu4] { background:#fff6ec !important; color:#9b5b15 !important; }
.h2h-dashboard .profile-team-card.complete .profile-tags span[b-fb2jt59nu4] { background: #edf5ff !important; color:#1f7047 !important; }
.h2h-dashboard .profile-symmetry[b-fb2jt59nu4] { background: #edf5ff !important; }
.h2h-dashboard .profile-symmetry-reading[b-fb2jt59nu4] { background: #edf5ff !important; }
.h2h-dashboard .profile-symmetry-reading strong[b-fb2jt59nu4] { color:#166a56 !important; }

/* Pronósticos oficiales */
.h2h-dashboard .official-prediction-card[b-fb2jt59nu4] {
    background: #ffffff !important;
    border-color:#d9e4ef !important;
}
.h2h-dashboard .official-prediction-card.won[b-fb2jt59nu4] { border-color:#94dfb7 !important; }
.h2h-dashboard .official-prediction-card.lost[b-fb2jt59nu4] { border-color:#f3a7af !important; }
.h2h-dashboard .official-prediction-card.void[b-fb2jt59nu4] { border-color:#d2dbe5 !important; }
.h2h-dashboard .official-prediction-card.pending[b-fb2jt59nu4] { border-color:#b8d9f4 !important; }

/* El bloque oscuro de semáforo se conserva, pero con texto blanco para que sí se lea */
.h2h-dashboard .executive-light[b-fb2jt59nu4],
.h2h-dashboard .top8-light[b-fb2jt59nu4] {
    color:#ffffff !important;
}
.h2h-dashboard .executive-light *[b-fb2jt59nu4],
.h2h-dashboard .top8-light *[b-fb2jt59nu4] {
    color:#ffffff !important;
}
.h2h-dashboard .decision-top8-item[b-fb2jt59nu4] { background: #ffffff !important; }
.h2h-dashboard .decision-top8-item .top8-market strong[b-fb2jt59nu4] { color:#0b1f36 !important; }
.h2h-dashboard .decision-top8-item .top8-market small[b-fb2jt59nu4] { color: #243e57 !important; }
.h2h-dashboard .top8-signals span:first-child[b-fb2jt59nu4] { color:#168653 !important; }
.h2h-dashboard .top8-signals span:last-child[b-fb2jt59nu4] { color:#a76514 !important; }

/* Evolución / fortalezas / coincidencia de señales */
.h2h-dashboard .market-coherence-score[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-list[b-fb2jt59nu4],
.h2h-dashboard .coincidence-row[b-fb2jt59nu4] {
    background: #ffffff !important;
}
.h2h-dashboard .market-coherence-score strong[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary strong[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-list strong[b-fb2jt59nu4],
.h2h-dashboard .coincidence-row strong[b-fb2jt59nu4] { color:#0b1f36 !important; }

/* Goles por tiempo: filas claras; sólo la cancha temporal queda azul */
.h2h-dashboard .goal-time-row[b-fb2jt59nu4] {
    background: #ffffff !important;
    border-color:#dbe5ef !important;
}
.h2h-dashboard .goal-time-row:hover[b-fb2jt59nu4] { background:#eef6ff !important; }
.h2h-dashboard .goal-time-match small[b-fb2jt59nu4],
.h2h-dashboard .goal-time-match span[b-fb2jt59nu4],
.h2h-dashboard .goal-time-score-split[b-fb2jt59nu4],
.h2h-dashboard .goal-time-legend[b-fb2jt59nu4] { color: #243e57 !important; }
.h2h-dashboard .goal-time-match strong[b-fb2jt59nu4] { color:#0b1f36 !important; }
.h2h-dashboard .goal-time-track[b-fb2jt59nu4] {
    background:linear-gradient(180deg,#365574,#213b57) !important;
}

/* Barras y pistas neutras claras */
.h2h-dashboard .market-bar[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-bar[b-fb2jt59nu4],
.h2h-dashboard .schedule-meter[b-fb2jt59nu4],
.h2h-dashboard .consistency-track[b-fb2jt59nu4],
.h2h-dashboard .match-script-bar[b-fb2jt59nu4],
.h2h-dashboard .danger-minute-line[b-fb2jt59nu4],
.h2h-dashboard .profile-axis i[b-fb2jt59nu4] {
    background: #edf5ff !important;
}

/* Evita que texto heredado por el viejo tema oscuro quede casi invisible */
.h2h-dashboard .h2h-panel p[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel small[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel td[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel li[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel label[b-fb2jt59nu4] {
    color: #243e57;
}
.h2h-dashboard .h2h-panel h1[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel h2[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel h3[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel h4[b-fb2jt59nu4],
.h2h-dashboard .h2h-panel strong[b-fb2jt59nu4] {
    color:#0b1f36;
}

/* Estados/etiquetas mantienen semántica de color pero con fondos pastel */
.h2h-dashboard .trend-pill.up[b-fb2jt59nu4],
.h2h-dashboard .result-support-status.supported[b-fb2jt59nu4],
.h2h-dashboard .result-support-pill.supports[b-fb2jt59nu4] { color:#167549 !important; background: #edf5ff !important; }
.h2h-dashboard .trend-pill.down[b-fb2jt59nu4],
.h2h-dashboard .result-support-status.contradicted[b-fb2jt59nu4],
.h2h-dashboard .result-support-pill.contradicts[b-fb2jt59nu4] { color:#b63845 !important; background:#fff0f2 !important; }
.h2h-dashboard .trend-pill.stable[b-fb2jt59nu4],
.h2h-dashboard .result-support-pill.neutral[b-fb2jt59nu4] { color:#376b98 !important; background:#edf5fc !important; }
.h2h-dashboard .result-support-status.reserved[b-fb2jt59nu4] { color:#986811 !important; background:#fff7e6 !important; }

/* La información dentro de matrices debe ser oscura sobre claro */
.h2h-dashboard .matrix-result-card[b-fb2jt59nu4],
.h2h-dashboard .matrix-result-card *[b-fb2jt59nu4] { color:#0b1f36; }
.h2h-dashboard .matrix-result-card .matrix-title-row b[b-fb2jt59nu4] { color:inherit !important; }

/* =========================================================
   H2H PROFESIONAL V5 - AJUSTE FINO DE COLORES Y LEGIBILIDAD
   - Corrige desalineación entre colores del radar y su leyenda
   - Aumenta contraste en bloques que aún quedaban gris/oscuro
   - Mejora lectura de picks, auditoría y proyección estadística
   ========================================================= */
.h2h-dashboard[b-fb2jt59nu4] {
    --team-local: #0d6efd !important;
    --team-visitor: #ef3340 !important;
    --team-local-soft: rgba(13,110,253,.12) !important;
    --team-visitor-soft: rgba(239,51,64,.10) !important;
    --fix-text: #0b1f36 !important;
    --fix-muted: #243e57 !important;
    --fix-soft-bg: #f5f8fc !important;
    --fix-soft-bg-2: #eef4fa !important;
    --fix-border: #d8e3ee !important;
}

/* Radar: leyenda y gráfica usan exactamente la misma pareja de colores */
.h2h-dashboard .radar-team[b-fb2jt59nu4] { color: #17324f !important; }
.h2h-dashboard .radar-team.local i[b-fb2jt59nu4],
.h2h-dashboard .radar-point.local[b-fb2jt59nu4],
.h2h-dashboard .radar-area.radar-local[b-fb2jt59nu4],
.h2h-dashboard .radar-local[b-fb2jt59nu4] {
    background: var(--team-local) !important;
    color: var(--team-local) !important;
    fill: rgba(13,110,253,.16) !important;
    stroke: var(--team-local) !important;
}
.h2h-dashboard .radar-team.visitor i[b-fb2jt59nu4],
.h2h-dashboard .radar-point.visitor[b-fb2jt59nu4],
.h2h-dashboard .radar-area.radar-visitor[b-fb2jt59nu4],
.h2h-dashboard .radar-visitor[b-fb2jt59nu4] {
    background: var(--team-visitor) !important;
    color: var(--team-visitor) !important;
    fill: rgba(239,51,64,.13) !important;
    stroke: var(--team-visitor) !important;
}
.h2h-dashboard .radar-value-card[b-fb2jt59nu4] { background: #ffffff !important; border-color: var(--fix-border) !important; }
.h2h-dashboard .radar-value-card > span[b-fb2jt59nu4],
.h2h-dashboard .radar-value-card small[b-fb2jt59nu4] { color: var(--fix-muted) !important; }
.h2h-dashboard .radar-value-card strong.local[b-fb2jt59nu4] { color: var(--team-local) !important; }
.h2h-dashboard .radar-value-card strong.visitor[b-fb2jt59nu4] { color: var(--team-visitor) !important; }

/* Proyección estadística del partido */
.h2h-dashboard .poisson-result[b-fb2jt59nu4],
.h2h-dashboard .expected-score-main[b-fb2jt59nu4],
.h2h-dashboard .expected-score-option[b-fb2jt59nu4],
.h2h-dashboard .lambda-strip > div[b-fb2jt59nu4],
.h2h-dashboard .poisson-market-row[b-fb2jt59nu4],
.h2h-dashboard .matrix-team[b-fb2jt59nu4] {
    background: var(--fix-soft-bg) !important;
    border: 1px solid var(--fix-border) !important;
    color: var(--fix-text) !important;
    box-shadow: none !important;
}
.h2h-dashboard .expected-score-panel[b-fb2jt59nu4] { gap: .7rem !important; }
.h2h-dashboard .poisson-result span[b-fb2jt59nu4],
.h2h-dashboard .expected-score-main > span[b-fb2jt59nu4],
.h2h-dashboard .expected-score-main > small[b-fb2jt59nu4],
.h2h-dashboard .expected-score-option span[b-fb2jt59nu4],
.h2h-dashboard .lambda-strip span[b-fb2jt59nu4],
.h2h-dashboard .projection-note[b-fb2jt59nu4],
.h2h-dashboard .projection-sample[b-fb2jt59nu4],
.h2h-dashboard .expected-score-disclaimer[b-fb2jt59nu4],
.h2h-dashboard .matrix-team span[b-fb2jt59nu4],
.h2h-dashboard .matrix-team small[b-fb2jt59nu4],
.h2h-dashboard .matrix-note[b-fb2jt59nu4],
.h2h-dashboard .poisson-market-row > span[b-fb2jt59nu4] {
    color: var(--fix-muted) !important;
}
.h2h-dashboard .poisson-result strong[b-fb2jt59nu4],
.h2h-dashboard .expected-score-main > strong[b-fb2jt59nu4],
.h2h-dashboard .expected-score-option strong[b-fb2jt59nu4],
.h2h-dashboard .lambda-strip strong[b-fb2jt59nu4],
.h2h-dashboard .matrix-team strong[b-fb2jt59nu4],
.h2h-dashboard .poisson-market-row > strong[b-fb2jt59nu4],
.h2h-dashboard .matrix-vs[b-fb2jt59nu4] {
    color: var(--fix-text) !important;
}
.h2h-dashboard .poisson-result.local strong[b-fb2jt59nu4],
.h2h-dashboard .matrix-team.local strong[b-fb2jt59nu4] { color: var(--team-local) !important; }
.h2h-dashboard .poisson-result.visitor strong[b-fb2jt59nu4],
.h2h-dashboard .matrix-team.visitor strong[b-fb2jt59nu4] { color: var(--team-visitor) !important; }
.h2h-dashboard .poisson-result.draw strong[b-fb2jt59nu4] { color: #d18b00 !important; }

/* Auditoría de respaldo del top 6 */
.h2h-dashboard .audit-support-summary[b-fb2jt59nu4],
.h2h-dashboard .audit-support-card[b-fb2jt59nu4] {
    background: #ffffff !important;
    border: 1px solid var(--fix-border) !important;
    color: var(--fix-text) !important;
    box-shadow: 0 2px 10px rgba(18,46,79,.04) !important;
}
.h2h-dashboard .audit-support-summary strong[b-fb2jt59nu4],
.h2h-dashboard .audit-support-card strong[b-fb2jt59nu4],
.h2h-dashboard .audit-support-card b[b-fb2jt59nu4] { color: var(--fix-text) !important; }
.h2h-dashboard .audit-support-summary span[b-fb2jt59nu4],
.h2h-dashboard .audit-support-card span[b-fb2jt59nu4],
.h2h-dashboard .audit-support-card small[b-fb2jt59nu4] { color: var(--fix-muted) !important; }

/* Picks oficiales: bloques internos mucho más legibles */
.h2h-dashboard .official-prediction-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-main[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-light[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-instruction[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats > div[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-context[b-fb2jt59nu4] {
    background: var(--fix-soft-bg) !important;
    border-color: var(--fix-border) !important;
    color: var(--fix-text) !important;
}
.h2h-dashboard .official-prediction-metrics span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score span[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-light span:not(.pick-decision-dot)[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence > span[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-instruction[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats small[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-context p[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-context small[b-fb2jt59nu4] {
    color: var(--fix-muted) !important;
    text-shadow: none !important;
}
.h2h-dashboard .official-prediction-head strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score strong[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-light strong[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence strong[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-context strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-context b[b-fb2jt59nu4] {
    color: var(--fix-text) !important;
    text-shadow: none !important;
}
.h2h-dashboard .official-prediction-head .status-chip[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-head .match-status[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-head .estado-pill[b-fb2jt59nu4] {
    color: #0b1f36 !important;
    font-weight: 800 !important;
}

/* Bloques semánticos de explicación, mercado y consistencia */
.h2h-dashboard .market-coherence-score[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-list[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-list span[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary span[b-fb2jt59nu4],
.h2h-dashboard .market-coherence-summary small[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-card p[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-reasons span[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-card p[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-note[b-fb2jt59nu4] {
    color: var(--fix-muted) !important;
}

/* Cualquier texto tenue restante dentro del dashboard se oscurece un poco más */
.h2h-dashboard .muted[b-fb2jt59nu4],
.h2h-dashboard .text-muted[b-fb2jt59nu4],
.h2h-dashboard small[b-fb2jt59nu4],
.h2h-dashboard td small[b-fb2jt59nu4] {
    color: var(--fix-muted) !important;
}

/* Inputs/estado pequeño: más contraste */
.h2h-dashboard .official-prediction-metrics > div span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics > div strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-metrics > div small[b-fb2jt59nu4] {
    line-height: 1.25 !important;
}

/* =========================================================
   H2H PROFESIONAL V6 - CLARIDAD DE GRÁFICAS Y PRONÓSTICOS
   - Momentum más legible: más alto, con retícula y líneas más visibles
   - Pronósticos finales con cajas y textos de mayor contraste
   ========================================================= */

/* Momentum / dirección del rendimiento */
.h2h-dashboard .momentum-card[b-fb2jt59nu4] {
    background: #ffffff !important;
    border-color:#d7e3ef !important;
    box-shadow:0 4px 14px rgba(18,46,79,.05) !important;
}
.h2h-dashboard .momentum-card-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .momentum-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .momentum-status > small[b-fb2jt59nu4],
.h2h-dashboard .momentum-note[b-fb2jt59nu4],
.h2h-dashboard .momentum-stats[b-fb2jt59nu4],
.h2h-dashboard .momentum-axis[b-fb2jt59nu4] {
    color: #243e57 !important;
}
.h2h-dashboard .momentum-card-head > div:first-child > strong[b-fb2jt59nu4],
.h2h-dashboard .momentum-status > strong[b-fb2jt59nu4],
.h2h-dashboard .momentum-stats strong[b-fb2jt59nu4] {
    color:#0b1f36 !important;
}
.h2h-dashboard .momentum-status > span[b-fb2jt59nu4] {
    background: #edf5ff !important;
    color: #243e57 !important;
    border:1px solid #d8e3ee !important;
}
.h2h-dashboard .momentum-status.up > span[b-fb2jt59nu4] { background: #edf5ff !important; color:#167749 !important; border-color:#cce9d7 !important; }
.h2h-dashboard .momentum-status.down > span[b-fb2jt59nu4] { background:#fff1f4 !important; color:#bb3b4b !important; border-color:#f2cfd6 !important; }
.h2h-dashboard .momentum-status.up > strong[b-fb2jt59nu4] { color:#16985d !important; }
.h2h-dashboard .momentum-status.down > strong[b-fb2jt59nu4] { color:#db4457 !important; }
.h2h-dashboard .momentum-chart-wrap[b-fb2jt59nu4] {
    grid-template-columns: 30px minmax(0,1fr) !important;
    padding:.7rem .75rem .55rem !important;
    border:1px solid #dbe5ef !important;
    border-radius:14px !important;
    background:#f7fbff !important;
}
.h2h-dashboard .momentum-axis[b-fb2jt59nu4] {
    height:108px !important;
    font-size:.58rem !important;
    font-weight:700 !important;
}
.h2h-dashboard .momentum-chart[b-fb2jt59nu4] {
    height:108px !important;
    border-radius:12px !important;
    background:
      linear-gradient(to bottom,
        transparent 0,
        transparent 32%, rgba(160,182,202,.35) 32%, rgba(160,182,202,.35) 33%,
        transparent 33%, transparent 65%, rgba(160,182,202,.35) 65%, rgba(160,182,202,.35) 66%,
        transparent 66%, transparent 100%),
      linear-gradient(180deg,#17324a 0%, #1d3b58 100%) !important;
}
.h2h-dashboard .momentum-midline[b-fb2jt59nu4] {
    stroke:rgba(230,239,247,.85) !important;
    stroke-width:1.5 !important;
    stroke-dasharray:5 4 !important;
}
.h2h-dashboard .momentum-line[b-fb2jt59nu4] {
    stroke-width:4.5 !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
.h2h-dashboard .momentum-line.local[b-fb2jt59nu4] { stroke:#39e08a !important; }
.h2h-dashboard .momentum-line.visitor[b-fb2jt59nu4] { stroke:#69adff !important; }
.h2h-dashboard .momentum-results > span[b-fb2jt59nu4] {
    width:28px !important;
    height:28px !important;
    font-size:.68rem !important;
    border-radius:8px !important;
    box-shadow:0 2px 6px rgba(18,46,79,.08) !important;
}

/* Pronósticos finales oficiales */
.h2h-dashboard .official-prediction-card[b-fb2jt59nu4] {
    background: #ffffff !important;
    border:1px solid #d8e4ef !important;
    box-shadow:0 6px 18px rgba(18,46,79,.05) !important;
}
.h2h-dashboard .official-prediction-head[b-fb2jt59nu4] {
    align-items:flex-start !important;
    margin-bottom:.8rem !important;
}
.h2h-dashboard .official-prediction-code[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
}
.h2h-dashboard .official-prediction-head strong[b-fb2jt59nu4] {
    color:#0b1f36 !important;
    font-size:1.12rem !important;
    line-height:1.25 !important;
}
.h2h-dashboard .pick-level[b-fb2jt59nu4] {
    background:#eef5fb !important;
    border:1px solid #d8e4ef !important;
    color: #243e57 !important;
    font-weight:900 !important;
}
.h2h-dashboard .pick-level.final[b-fb2jt59nu4] { background: #edf5ff !important; color:#17774b !important; border-color:#cce9d7 !important; }

.h2h-dashboard .official-prediction-metrics[b-fb2jt59nu4] {
    gap:.55rem !important;
}
.h2h-dashboard .official-prediction-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas[b-fb2jt59nu4] {
    background: #edf5ff !important;
    border:1px solid #dde7f0 !important;
    border-radius:12px !important;
}
.h2h-dashboard .official-prediction-metrics span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas span[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence-text[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation > small[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation p[b-fb2jt59nu4] {
    color: #243e57 !important;
}
.h2h-dashboard .official-prediction-metrics strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-lambdas strong[b-fb2jt59nu4],
.h2h-dashboard .official-prediction-score strong[b-fb2jt59nu4] {
    color:#0b1f36 !important;
}
.h2h-dashboard .prediction-result.pending[b-fb2jt59nu4] { color:#0d6efd !important; }
.h2h-dashboard .prediction-result.won[b-fb2jt59nu4] { color:#159b5a !important; }
.h2h-dashboard .prediction-result.lost[b-fb2jt59nu4] { color:#d63f4e !important; }
.h2h-dashboard .prediction-result.void[b-fb2jt59nu4] { color: #243e57 !important; }

/* Semáforo y confianza */
.h2h-dashboard .pick-decision[b-fb2jt59nu4] {
    background:#fbfdff !important;
    border:1px solid #dde7f0 !important;
    box-shadow:none !important;
}
.h2h-dashboard .pick-decision-main[b-fb2jt59nu4] {
    gap:.6rem !important;
}
.h2h-dashboard .pick-decision-light[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence[b-fb2jt59nu4] {
    background: #ffffff !important;
    border:1px solid #d6e2ed !important;
    box-shadow:none !important;
}
.h2h-dashboard .pick-decision-light span:not(.pick-decision-dot)[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence > span[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats span[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation-head span[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-head > span[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-factor > span[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation-signal span[b-fb2jt59nu4] {
    color: #243e57 !important;
}
.h2h-dashboard .pick-decision-light strong[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence strong[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-instruction[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-stats strong[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation-head strong[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation > p[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-head > strong[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-factor > strong[b-fb2jt59nu4] {
    color:#0b1f36 !important;
}
.h2h-dashboard .pick-decision-instruction[b-fb2jt59nu4] {
    font-size:.9rem !important;
    line-height:1.45 !important;
}
.h2h-dashboard .pick-decision-stats[b-fb2jt59nu4],
.h2h-dashboard .pick-decision-confidence-text[b-fb2jt59nu4] {
    font-size:.75rem !important;
}

/* Validación avanzada y explicación */
.h2h-dashboard .advanced-pick-validation[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation[b-fb2jt59nu4] {
    background: #ffffff !important;
    border:1px solid #d9e4ef !important;
    box-shadow:none !important;
}
.h2h-dashboard .advanced-pick-validation[b-fb2jt59nu4] {
    background: #ffffff !important;
}
.h2h-dashboard .advanced-pick-validation-signals[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-factors[b-fb2jt59nu4] {
    gap:.55rem !important;
}
.h2h-dashboard .advanced-pick-validation-signal[b-fb2jt59nu4],
.h2h-dashboard .pick-explanation-factor[b-fb2jt59nu4] {
    background: #ffffff !important;
    border:1px solid #dce6ef !important;
}
.h2h-dashboard .advanced-pick-validation-counts span[b-fb2jt59nu4] {
    background: #ffffff !important;
    border:1px solid #dde7f0 !important;
    color: #243e57 !important;
}


/* V39 · bandera del país en selectores y resumen H2H */
.h2h-select-with-flag[b-fb2jt59nu4] { position: relative; min-width: 0; }
.h2h-select-with-flag > select[b-fb2jt59nu4] { width: 100%; }
.h2h-select-with-flag > select.has-country-flag[b-fb2jt59nu4] { padding-left: 2.35rem !important; }
.h2h-country-flag[b-fb2jt59nu4] { width: 24px; height: 17px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(15,35,60,.16); }
.h2h-select-with-flag > .h2h-country-flag[b-fb2jt59nu4] { position: absolute; left: .65rem; top: 50%; transform: translateY(-50%); z-index: 2; pointer-events: none; }
.h2h-league-country-line[b-fb2jt59nu4] { display: inline-flex !important; align-items: center; justify-content: center; gap: .42rem; }
.h2h-league-country-line .hero-country-flag[b-fb2jt59nu4] { width: 22px; height: 15px; flex: 0 0 auto; }


/* ================================================================
   V50 · Dashboard H2H V3 · Mejora general de legibilidad
   Solo presentación: tamaño, peso y contraste de textos pequeños.
   ================================================================ */

/* Texto secundario general del módulo */
.h2h-dashboard .h2h-header-copy p[b-fb2jt59nu4],
.h2h-dashboard .h2h-filters label > span[b-fb2jt59nu4],
.h2h-dashboard .match-hero-strip .team-side span[b-fb2jt59nu4],
.h2h-dashboard .match-hero-strip .team-side small[b-fb2jt59nu4],
.h2h-dashboard .match-hero-strip .match-center small[b-fb2jt59nu4],
.h2h-dashboard .scope-ribbon[b-fb2jt59nu4],
.h2h-dashboard .scope-ribbon span[b-fb2jt59nu4],
.h2h-dashboard .scope-note[b-fb2jt59nu4],
.h2h-dashboard .panel-heading p[b-fb2jt59nu4],
.h2h-dashboard .panel-empty[b-fb2jt59nu4],
.h2h-dashboard .panel-badge[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

/* Títulos y subtítulos de las tarjetas visibles en Resumen */
.h2h-dashboard .pro-card-title[b-fb2jt59nu4] {
    font-size: .92rem !important;
    font-weight: 850 !important;
    color: #0c2340 !important;
}

.h2h-dashboard .pro-card-title small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .pro-section-head span[b-fb2jt59nu4] {
    font-size: .70rem !important;
    font-weight: 950 !important;
    color: #056bd8 !important;
}

.h2h-dashboard .pro-section-head h2[b-fb2jt59nu4] {
    font-size: 1rem !important;
    font-weight: 850 !important;
    color: #0c2340 !important;
}

.h2h-dashboard .pro-section-head small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
}

/* Fuerza ofensiva/defensiva y forma */
.h2h-dashboard .pro-dual-stat[b-fb2jt59nu4],
.h2h-dashboard .pro-form-line[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
}

.h2h-dashboard .pro-dual-stat b[b-fb2jt59nu4],
.h2h-dashboard .pro-form-line b[b-fb2jt59nu4] {
    color: #102946 !important;
    font-size: .84rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .pro-form-pills .form-pill[b-fb2jt59nu4] {
    min-width: 29px !important;
    height: 27px !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

/* xG / xGA */
.h2h-dashboard .pro-xg-head[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
}

.h2h-dashboard .pro-xg-row[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
}

.h2h-dashboard .pro-xg-row b[b-fb2jt59nu4] {
    font-size: .82rem !important;
    font-weight: 900 !important;
}

/* Tabla rendimiento reciente */
.h2h-dashboard .pro-recent-table > div[b-fb2jt59nu4] {
    font-size: .76rem !important;
    color: #1f3b59 !important;
    line-height: 1.35 !important;
}

.h2h-dashboard .pro-recent-table .head[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .pro-recent-table b[b-fb2jt59nu4] {
    font-size: .77rem !important;
    font-weight: 900 !important;
}

/* H2H histórico */
.h2h-dashboard .pro-h2h-score span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .pro-h2h-mini[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .73rem !important;
    font-weight: 700 !important;
}

/* Tendencias clave: principal punto débil de la captura */
.h2h-dashboard .pro-trend-list > div[b-fb2jt59nu4] {
    padding: .52rem .55rem !important;
}

.h2h-dashboard .pro-trend-list p[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .76rem !important;
    line-height: 1.38 !important;
    font-weight: 650 !important;
}

.h2h-dashboard .pro-trend-list b[b-fb2jt59nu4] {
    color: #102f51 !important;
    font-size: .77rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .trend-bullet[b-fb2jt59nu4] {
    width: 25px !important;
    height: 25px !important;
    font-size: .76rem !important;
}

/* Radar: leyenda y ejes */
.h2h-dashboard .radar-legend[b-fb2jt59nu4],
.h2h-dashboard .radar-team[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .76rem !important;
    font-weight: 750 !important;
}

.h2h-dashboard .pro-radar-panel .radar-axis-label[b-fb2jt59nu4],
.h2h-dashboard .radar-axis-label[b-fb2jt59nu4] {
    fill: #334f6d !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.h2h-dashboard .radar-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
}

/* Pick sugerido */
.h2h-dashboard .pro-pick-title[b-fb2jt59nu4] {
    font-size: .82rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .pro-pick-score[b-fb2jt59nu4],
.h2h-dashboard .pro-pick-panel p[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Cintillos y etiquetas de contexto */
.h2h-dashboard .scope-ribbon strong[b-fb2jt59nu4],
.h2h-dashboard .scope-ribbon b[b-fb2jt59nu4] {
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .match-probabilities-title[b-fb2jt59nu4] {
    font-size: .86rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .probability-box span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
}

/* Evitar textos minúsculos en las vistas avanzadas sin alterar su layout */
.h2h-dashboard .consistency-card-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-card-head > div > span[b-fb2jt59nu4],
.h2h-dashboard .trend-change-card-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-head > div:first-child span[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-head > div:first-child span[b-fb2jt59nu4],
.h2h-dashboard .profile-auto-reading-head span[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-title-row span[b-fb2jt59nu4] {
    font-size: .70rem !important;
}

.h2h-dashboard .consistency-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-card-head > div > small[b-fb2jt59nu4],
.h2h-dashboard .trend-change-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-head > div:first-child small[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-head > div:first-child small[b-fb2jt59nu4],
.h2h-dashboard .rival-adjusted-title small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 650 !important;
}


/* ================================================================
   V58 · Dashboard H2H V3 · Legibilidad reforzada integral
   Aumenta tamaño/contraste de textos pequeños visibles en todas las
   secciones del módulo sin modificar estructura ni lógica.
   ================================================================ */

/* Base: evita grises demasiado pálidos sobre fondo blanco */
.h2h-dashboard[b-fb2jt59nu4] {
    --v58-text: #102a43;
    --v58-muted: #243e57;
    --v58-soft: #243e57;
}

.h2h-dashboard p[b-fb2jt59nu4],
.h2h-dashboard small[b-fb2jt59nu4],
.h2h-dashboard label[b-fb2jt59nu4],
.h2h-dashboard td[b-fb2jt59nu4],
.h2h-dashboard th[b-fb2jt59nu4],
.h2h-dashboard span[b-fb2jt59nu4] {
    text-rendering: optimizeLegibility;
}

/* Encabezados secundarios y textos auxiliares */
.h2h-dashboard .panel-kicker[b-fb2jt59nu4],
.h2h-dashboard .h2h-eyebrow[b-fb2jt59nu4],
.h2h-dashboard .pro-section-head span[b-fb2jt59nu4],
.h2h-dashboard .data-quality-label[b-fb2jt59nu4],
.h2h-dashboard .section-eyebrow[b-fb2jt59nu4],
.h2h-dashboard .profile-auto-reading-head span[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-title-row span[b-fb2jt59nu4] {
    font-size: .72rem !important;
    font-weight: 900 !important;
    color: #0a6fd8 !important;
    letter-spacing: .07em !important;
}

.h2h-dashboard .panel-subtitle[b-fb2jt59nu4],
.h2h-dashboard .panel-heading p[b-fb2jt59nu4],
.h2h-dashboard .scope-note[b-fb2jt59nu4],
.h2h-dashboard .profile-matchup-heading p[b-fb2jt59nu4],
.h2h-dashboard .pro-section-head small[b-fb2jt59nu4],
.h2h-dashboard .pro-card-title small[b-fb2jt59nu4],
.h2h-dashboard .radar-note[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .76rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
}

/* Disponibilidad / cobertura de datos */
.h2h-dashboard .data-quality-panel span[b-fb2jt59nu4],
.h2h-dashboard .data-quality-panel small[b-fb2jt59nu4],
.h2h-dashboard .data-quality-panel p[b-fb2jt59nu4],
.h2h-dashboard .coverage-card span[b-fb2jt59nu4],
.h2h-dashboard .coverage-card small[b-fb2jt59nu4],
.h2h-dashboard .coverage-card p[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .74rem !important;
    font-weight: 650 !important;
}

.h2h-dashboard .data-quality-panel strong[b-fb2jt59nu4],
.h2h-dashboard .coverage-card strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .84rem !important;
    font-weight: 850 !important;
}

/* Estadísticas reales del partido */
.h2h-dashboard .final-score div span[b-fb2jt59nu4],
.h2h-dashboard .registered-stats-panel span[b-fb2jt59nu4],
.h2h-dashboard .registered-stats-panel small[b-fb2jt59nu4],
.h2h-dashboard .result-market-row span[b-fb2jt59nu4],
.h2h-dashboard .result-market-row small[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .final-score div strong[b-fb2jt59nu4] {
    color: #0e2a47 !important;
    font-size: 2.15rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .result-market-row strong[b-fb2jt59nu4],
.h2h-dashboard .score-badge[b-fb2jt59nu4] {
    font-size: .78rem !important;
    font-weight: 900 !important;
}

/* Evolución comparativa / gráficas */
.h2h-dashboard .evolution-panel p[b-fb2jt59nu4],
.h2h-dashboard .evolution-panel small[b-fb2jt59nu4],
.h2h-dashboard .chart-panel p[b-fb2jt59nu4],
.h2h-dashboard .chart-panel small[b-fb2jt59nu4],
.h2h-dashboard .chart-note[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .74rem !important;
    font-weight: 650 !important;
}

.h2h-dashboard .chart-kpi span[b-fb2jt59nu4],
.h2h-dashboard .metric-card span[b-fb2jt59nu4],
.h2h-dashboard .summary-stat span[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .70rem !important;
    font-weight: 800 !important;
}

.h2h-dashboard .chart-kpi strong[b-fb2jt59nu4],
.h2h-dashboard .metric-card strong[b-fb2jt59nu4],
.h2h-dashboard .summary-stat strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
}

/* Forma */
.h2h-dashboard .form-title span[b-fb2jt59nu4],
.h2h-dashboard .form-title small[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .76rem !important;
    font-weight: 750 !important;
}

.h2h-dashboard .form-pill[b-fb2jt59nu4] {
    min-width: 34px !important;
    height: 31px !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
}

/* Tablas de mercado / frecuencias */
.h2h-dashboard .market-table th[b-fb2jt59nu4],
.h2h-dashboard .history-table th[b-fb2jt59nu4],
.h2h-dashboard .trend-table th[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .market-table td[b-fb2jt59nu4],
.h2h-dashboard .history-table td[b-fb2jt59nu4],
.h2h-dashboard .trend-table td[b-fb2jt59nu4] {
    color: #17324d !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
}

.h2h-dashboard .market-value small[b-fb2jt59nu4],
.h2h-dashboard .market-reading[b-fb2jt59nu4],
.h2h-dashboard .trend-table small[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
}

/* Comparativas */
.h2h-dashboard .compare-labels[b-fb2jt59nu4],
.h2h-dashboard .compare-values span[b-fb2jt59nu4],
.h2h-dashboard .compare-values small[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .compare-values strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
}

/* Perfil de juego */
.h2h-dashboard .profile-team-head strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .90rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .profile-team-head small[b-fb2jt59nu4],
.h2h-dashboard .profile-axis span[b-fb2jt59nu4],
.h2h-dashboard .profile-axis strong[b-fb2jt59nu4],
.h2h-dashboard .profile-team-card p[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry-reading span[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry-reading small[b-fb2jt59nu4],
.h2h-dashboard .profile-matchup-note[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
}

.h2h-dashboard .profile-metrics-grid span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .66rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .profile-metrics-grid strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .profile-metrics-grid small[b-fb2jt59nu4],
.h2h-dashboard .profile-tags span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .64rem !important;
    font-weight: 700 !important;
}

/* Lectura automática / análisis profundo */
.h2h-dashboard .profile-auto-reading-head strong[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation-head strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .profile-auto-reading p[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation p[b-fb2jt59nu4],
.h2h-dashboard .advanced-pick-validation small[b-fb2jt59nu4],
.h2h-dashboard .consistency-reading[b-fb2jt59nu4],
.h2h-dashboard .consistency-note[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-reading[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-note[b-fb2jt59nu4],
.h2h-dashboard .trend-change-reading[b-fb2jt59nu4],
.h2h-dashboard .trend-change-note[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-reading[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-note[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-reading[b-fb2jt59nu4],
.h2h-dashboard .profile-symmetry-reading[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Tendencias clave */
.h2h-dashboard .pro-trend-list p[b-fb2jt59nu4],
.h2h-dashboard .trend-team-card p[b-fb2jt59nu4],
.h2h-dashboard .trend-team-card small[b-fb2jt59nu4] {
    color: #274765 !important;
    font-size: .77rem !important;
    font-weight: 650 !important;
    line-height: 1.38 !important;
}

.h2h-dashboard .pro-trend-list b[b-fb2jt59nu4],
.h2h-dashboard .trend-team-card strong[b-fb2jt59nu4] {
    color: #102f51 !important;
    font-size: .79rem !important;
    font-weight: 900 !important;
}

/* Radar */
.h2h-dashboard .radar-legend[b-fb2jt59nu4],
.h2h-dashboard .radar-team[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
}

.h2h-dashboard .radar-axis-label[b-fb2jt59nu4],
.h2h-dashboard .pro-radar-panel .radar-axis-label[b-fb2jt59nu4] {
    fill: #2f4f6c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Bloques de riesgo / presión / estado marcador */
.h2h-dashboard .consistency-card-head span[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-card-head span[b-fb2jt59nu4],
.h2h-dashboard .trend-change-card-head span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head span[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-head span[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-head span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .score-behavior-metrics span[b-fb2jt59nu4],
.h2h-dashboard .score-behavior-metrics small[b-fb2jt59nu4],
.h2h-dashboard .danger-minute-row > strong[b-fb2jt59nu4],
.h2h-dashboard .danger-minute-row > small[b-fb2jt59nu4],
.h2h-dashboard .danger-minutes-legend[b-fb2jt59nu4] {
    color: var(--v58-muted) !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .score-behavior-metrics strong[b-fb2jt59nu4] {
    color: var(--v58-text) !important;
    font-size: .80rem !important;
    font-weight: 900 !important;
}

/* Notas y pies de página */
.h2h-dashboard .note[b-fb2jt59nu4],
.h2h-dashboard .footnote[b-fb2jt59nu4],
.h2h-dashboard .disclaimer[b-fb2jt59nu4],
.h2h-dashboard [class*="note"][b-fb2jt59nu4],
.h2h-dashboard [class*="footnote"][b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .69rem !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
}

/* En pantallas grandes permitir un poco más de tamaño sin alterar layout */
@media (min-width: 1400px) {
    .h2h-dashboard .market-table td[b-fb2jt59nu4],
    .h2h-dashboard .history-table td[b-fb2jt59nu4],
    .h2h-dashboard .trend-table td[b-fb2jt59nu4],
    .h2h-dashboard .pro-trend-list p[b-fb2jt59nu4],
    .h2h-dashboard .profile-team-card p[b-fb2jt59nu4] {
        font-size: .80rem !important;
    }
}


/* ================================================================
   V59 · H2H · Gráfica "Todos" compacta + tarjetas legibles
   ================================================================ */

/* La gráfica nunca crece horizontalmente por cantidad de partidos. */
.h2h-dashboard .h2h-comparative-chart-wrap[b-fb2jt59nu4] {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: hidden;
}

.h2h-dashboard .h2h-comparative-chart[b-fb2jt59nu4] {
    display: block;
    width: 100% !important;
    max-width: 1000px !important;
    min-width: 0 !important;
    height: 310px;
    margin: 0 auto;
}

/* Con muchos puntos, la línea sigue mostrando todos los partidos,
   mientras el eje X usa solo etiquetas representativas. */
.h2h-dashboard .h2h-x-label strong[b-fb2jt59nu4] {
    font-size: 11px !important;
    font-weight: 850 !important;
    color: #183b5b !important;
}

.h2h-dashboard .h2h-x-label span[b-fb2jt59nu4] {
    font-size: 8px !important;
    font-weight: 750 !important;
    color: #243e57 !important;
}

/* Cambio de tendencia: fondo claro y contraste alto. */
.h2h-dashboard .trend-change-card[b-fb2jt59nu4] {
    background: #f8fbfe !important;
    border-color: #cad9e6 !important;
}

.h2h-dashboard .trend-change-card-head > div:first-child > span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .trend-change-card-head > div:first-child > strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .trend-change-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .trend-change-state > small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .trend-change-state > span[b-fb2jt59nu4] {
    font-size: .68rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .trend-change-state > strong[b-fb2jt59nu4] {
    color: #102a43;
    font-size: 1.55rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .trend-change-state.stable > span[b-fb2jt59nu4],
.h2h-dashboard .trend-change-state.stable > strong[b-fb2jt59nu4] {
    color: #243e57 !important;
}

.h2h-dashboard .trend-change-signal-row span[b-fb2jt59nu4] {
    font-size: .68rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .trend-change-signal-row .positive[b-fb2jt59nu4] {
    color: #087443 !important;
    background: #dcf7e8 !important;
    border-color: #9cddba !important;
}

.h2h-dashboard .trend-change-signal-row .negative[b-fb2jt59nu4] {
    color: #b42335 !important;
    background: #ffe7ea !important;
    border-color: #f3b2bc !important;
}

.h2h-dashboard .trend-change-metric[b-fb2jt59nu4] {
    background: #edf5ff !important;
    border-color: #ccdbe7 !important;
}

.h2h-dashboard .trend-change-metric-head span[b-fb2jt59nu4] {
    color: #183b5b !important;
    font-size: .70rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .trend-change-metric-head strong[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .trend-change-metric.positive .trend-change-metric-head strong[b-fb2jt59nu4] {
    color: #087443 !important;
}

.h2h-dashboard .trend-change-metric.negative .trend-change-metric-head strong[b-fb2jt59nu4] {
    color: #bd2438 !important;
}

.h2h-dashboard .trend-change-values[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .trend-change-values b[b-fb2jt59nu4] {
    color: #183b5b !important;
    font-weight: 900 !important;
}

.h2h-dashboard .trend-change-reading[b-fb2jt59nu4],
.h2h-dashboard .trend-change-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Índice de presión ofensiva: mismo criterio de contraste. */
.h2h-dashboard .offensive-pressure-card[b-fb2jt59nu4] {
    background: #f8fbfe !important;
    border-color: #cad9e6 !important;
}

.h2h-dashboard .offensive-pressure-head > div:first-child > span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .offensive-pressure-head > div:first-child > strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .offensive-pressure-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-state > small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .offensive-pressure-state > span[b-fb2jt59nu4] {
    font-size: .68rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .offensive-pressure-state > strong[b-fb2jt59nu4] {
    font-size: 1.55rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .offensive-pressure-state.high > span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-state.high > strong[b-fb2jt59nu4] {
    color: #087443 !important;
}

.h2h-dashboard .offensive-pressure-state.medium > span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-state.medium > strong[b-fb2jt59nu4] {
    color: #9a6200 !important;
}

.h2h-dashboard .offensive-pressure-state.low > span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-state.low > strong[b-fb2jt59nu4] {
    color: #bd2438 !important;
}

.h2h-dashboard .offensive-pressure-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-gap[b-fb2jt59nu4] {
    background: #edf5ff !important;
    border-color: #ccdbe7 !important;
}

.h2h-dashboard .offensive-pressure-metrics span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-gap span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .offensive-pressure-metrics strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .92rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .offensive-pressure-gap strong[b-fb2jt59nu4] {
    font-size: .76rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .offensive-pressure-reading[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

@media (max-width: 760px) {
    .h2h-dashboard .h2h-comparative-chart[b-fb2jt59nu4] {
        height: 260px;
    }
}

/* ===== V60 · Legibilidad final de bloques analíticos H2H ===== */
.h2h-dashboard .section-heading h2[b-fb2jt59nu4],
.h2h-dashboard .panel-heading h2[b-fb2jt59nu4],
.h2h-dashboard .panel-heading h3[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: clamp(1.05rem, 1.7vw, 1.28rem) !important;
    line-height: 1.25 !important;
}

.h2h-dashboard .section-heading p[b-fb2jt59nu4],
.h2h-dashboard .panel-heading p[b-fb2jt59nu4],
.h2h-dashboard .panel-heading small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
}

.h2h-dashboard .trend-change-card[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-card[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-card[b-fb2jt59nu4],
.h2h-dashboard .schedule-team-card[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-card[b-fb2jt59nu4] {
    box-shadow: 0 10px 24px rgba(16, 42, 67, .08) !important;
}

/* Cambio de tendencia e índice de presión ofensiva. */
.h2h-dashboard .trend-change-card[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-card[b-fb2jt59nu4] {
    padding: 1.05rem !important;
}

.h2h-dashboard .trend-change-card-head > div:first-child > strong[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head > div:first-child > strong[b-fb2jt59nu4] {
    font-size: 1.05rem !important;
}

.h2h-dashboard .trend-change-card-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .trend-change-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-state > small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    line-height: 1.4 !important;
}

.h2h-dashboard .trend-change-metric[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-gap[b-fb2jt59nu4] {
    padding: .72rem !important;
}

.h2h-dashboard .trend-change-metric-head span[b-fb2jt59nu4],
.h2h-dashboard .trend-change-metric-head strong[b-fb2jt59nu4],
.h2h-dashboard .trend-change-values[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-metrics span[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-gap span[b-fb2jt59nu4] {
    font-size: .72rem !important;
}

.h2h-dashboard .trend-change-reading[b-fb2jt59nu4],
.h2h-dashboard .trend-change-note[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-reading[b-fb2jt59nu4],
.h2h-dashboard .offensive-pressure-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    line-height: 1.55 !important;
}

/* Defensa real vs. defensa engañosa. */
.h2h-dashboard .defense-quality-card[b-fb2jt59nu4] {
    padding: 1.05rem !important;
    background: #f8fbfe !important;
    border-color: #cad9e6 !important;
}

.h2h-dashboard .defense-quality-card-head > div:first-child > span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .defense-quality-card-head > div:first-child > strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .defense-quality-card-head > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-verdict > small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.h2h-dashboard .defense-quality-verdict > span[b-fb2jt59nu4] {
    font-size: .72rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .defense-quality-verdict > strong[b-fb2jt59nu4] {
    font-size: 1.35rem !important;
    font-weight: 950 !important;
}

.h2h-dashboard .defense-quality-metrics > div[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-gap[b-fb2jt59nu4] {
    padding: .75rem !important;
    background: #edf5ff !important;
    border-color: #ccdbe7 !important;
}

.h2h-dashboard .defense-quality-metrics span[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-gap span[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
}

.h2h-dashboard .defense-quality-metrics strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .defense-quality-metrics small[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-gap small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
}

.h2h-dashboard .defense-quality-gap strong[b-fb2jt59nu4] {
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .defense-quality-reading[b-fb2jt59nu4],
.h2h-dashboard .defense-quality-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
}

/* Comparación contra la liga: columnas amplias y textos completos. */
.h2h-dashboard .league-percentile-panel[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-team[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-row[b-fb2jt59nu4] {
    overflow: visible !important;
}

.h2h-dashboard .league-percentile-grid[b-fb2jt59nu4] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.h2h-dashboard .league-percentile-team[b-fb2jt59nu4] {
    min-width: 0 !important;
    padding: 1rem !important;
}

.h2h-dashboard .league-percentile-row[b-fb2jt59nu4] {
    grid-template-columns: minmax(180px, 1fr) minmax(140px, .9fr) minmax(190px, 1.05fr) !important;
    gap: .75rem !important;
    padding: .78rem !important;
}

.h2h-dashboard .league-percentile-label[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-score[b-fb2jt59nu4] {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.h2h-dashboard .league-percentile-label span[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-score strong[b-fb2jt59nu4] {
    color: #183b5b !important;
    font-size: .76rem !important;
    line-height: 1.35 !important;
}

.h2h-dashboard .league-percentile-label strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .98rem !important;
}

.h2h-dashboard .league-percentile-label small[b-fb2jt59nu4],
.h2h-dashboard .league-percentile-score small[b-fb2jt59nu4] {
    display: block !important;
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

/* Calidad de la forma reciente. */
.h2h-dashboard .schedule-team-card[b-fb2jt59nu4] {
    padding: 1.05rem !important;
    background: #f8fbfe !important;
    border-color: #cad9e6 !important;
}

.h2h-dashboard .schedule-team-title > div:first-child > strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: 1.02rem !important;
}

.h2h-dashboard .schedule-team-title > div:first-child > span[b-fb2jt59nu4],
.h2h-dashboard .schedule-team-title > div:first-child > small[b-fb2jt59nu4],
.h2h-dashboard .schedule-block-head span[b-fb2jt59nu4],
.h2h-dashboard .schedule-block-head small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.h2h-dashboard .schedule-rival-row[b-fb2jt59nu4] {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .85rem !important;
    padding: .75rem !important;
    background: #edf5ff !important;
    border-color: #ccdbe7 !important;
}

.h2h-dashboard .schedule-rival-name[b-fb2jt59nu4] {
    min-width: 0 !important;
}

.h2h-dashboard .schedule-rival-name strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .86rem !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.h2h-dashboard .schedule-rival-name small[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .72rem !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.h2h-dashboard .schedule-rival-strength span[b-fb2jt59nu4],
.h2h-dashboard .schedule-confidence[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .70rem !important;
    font-weight: 800 !important;
}

.h2h-dashboard .schedule-rival-strength strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .94rem !important;
}

/* Ranking automático / Top 6: más aire y jerarquía visual. */
.h2h-dashboard .pick-ranking-grid[b-fb2jt59nu4] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

.h2h-dashboard .pick-ranking-card[b-fb2jt59nu4] {
    min-height: 188px !important;
    padding: 1.05rem !important;
    gap: .9rem !important;
    background: #f8fbfe !important;
    border-color: #cad9e6 !important;
}

.h2h-dashboard .pick-ranking-position[b-fb2jt59nu4] {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    font-size: .86rem !important;
}

.h2h-dashboard .pick-ranking-title-row code[b-fb2jt59nu4] {
    color: #075985 !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .pick-ranking-title-row strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .96rem !important;
    line-height: 1.35 !important;
}

.h2h-dashboard .pick-ranking-score b[b-fb2jt59nu4] {
    font-size: 1.65rem !important;
    line-height: 1 !important;
}

.h2h-dashboard .pick-ranking-score small[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-level[b-fb2jt59nu4] {
    font-size: .68rem !important;
    font-weight: 900 !important;
}

.h2h-dashboard .pick-ranking-content > p[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
}

.h2h-dashboard .pick-ranking-reasons span[b-fb2jt59nu4] {
    color: #183b5b !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    padding: .34rem .52rem !important;
}

.h2h-dashboard .pick-ranking-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    font-size: .74rem !important;
    line-height: 1.5 !important;
}

@media (max-width: 1280px) {
    .h2h-dashboard .league-percentile-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .h2h-dashboard .pick-ranking-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .h2h-dashboard .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: minmax(0, 1fr) minmax(150px, .8fr) !important;
    }

    .h2h-dashboard .league-percentile-bar[b-fb2jt59nu4] {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }
}

@media (max-width: 520px) {
    .h2h-dashboard .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }

    .h2h-dashboard .league-percentile-bar[b-fb2jt59nu4] {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .h2h-dashboard .pick-ranking-card[b-fb2jt59nu4] {
        min-height: 0 !important;
        padding: .9rem !important;
    }
}


/* ================================================================
   V65 · Dashboard H2H · secciones colapsables limpias
   Todas cerradas por defecto. No modifica cálculos ni datos.
   ================================================================ */
.h2h-dashboard .h2h-section-collapsible[b-fb2jt59nu4] {
    display: block;
    width: 100%;
    margin: 0 0 .85rem;
    overflow: hidden;
    border: 1px solid #cfddea;
    border-radius: 15px;
    background: #ffffff;
}

.h2h-dashboard .h2h-main-grid > .h2h-section-collapsible[b-fb2jt59nu4] {
    min-width: 0;
}

.h2h-dashboard .h2h-grid-span-all[b-fb2jt59nu4] {
    grid-column: 1 / -1;
}

.h2h-dashboard .h2h-section-collapsible-summary[b-fb2jt59nu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .82rem 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
    background: linear-gradient(180deg, #fff, #f7fbff);
}

.h2h-dashboard .h2h-section-collapsible-summary[b-fb2jt59nu4]::-webkit-details-marker {
    display: none;
}

.h2h-dashboard .h2h-section-collapsible-summary > div[b-fb2jt59nu4] {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.h2h-dashboard .h2h-section-collapsible-summary strong[b-fb2jt59nu4] {
    color: #102a43 !important;
    font-size: .95rem !important;
    font-weight: 850 !important;
    line-height: 1.28;
}

.h2h-dashboard .h2h-section-toggle-text[b-fb2jt59nu4] {
    flex: 0 0 auto;
    min-width: 108px;
    padding: .42rem .76rem;
    color: #0969ad !important;
    border: 1px solid #9fc9e8;
    border-radius: 999px;
    background: #eef8ff;
    font-size: .72rem !important;
    font-weight: 900 !important;
    text-align: center;
}

.h2h-dashboard .h2h-section-toggle-text[b-fb2jt59nu4]::after {
    content: "Mostrar área";
}

.h2h-dashboard .h2h-section-collapsible[open] .h2h-section-toggle-text[b-fb2jt59nu4]::after {
    content: "Ocultar área";
}

.h2h-dashboard .h2h-section-collapsible[open] > .h2h-section-collapsible-summary[b-fb2jt59nu4] {
    border-bottom: 1px solid #dbe7f0;
}

.h2h-dashboard .h2h-section-collapsible > section[b-fb2jt59nu4],
.h2h-dashboard .h2h-section-collapsible > article[b-fb2jt59nu4],
.h2h-dashboard .h2h-section-collapsible > .strength-grid[b-fb2jt59nu4],
.h2h-dashboard .h2h-section-collapsible > .advanced-projection-grid[b-fb2jt59nu4],
.h2h-dashboard .h2h-section-collapsible > .advanced-goals-grid[b-fb2jt59nu4] {
    width: auto;
    margin: .85rem !important;
}

.h2h-dashboard .h2h-collapsible-two-grid[b-fb2jt59nu4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .85rem;
    padding: .85rem;
}

.h2h-dashboard .h2h-collapsible-two-grid > article[b-fb2jt59nu4] {
    min-width: 0;
    margin: 0 !important;
}

@media (max-width: 1050px) {
    .h2h-dashboard .h2h-collapsible-two-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .h2h-dashboard .h2h-section-collapsible-summary[b-fb2jt59nu4] {
        align-items: flex-start;
    }

    .h2h-dashboard .h2h-section-toggle-text[b-fb2jt59nu4] {
        min-width: 96px;
        font-size: .68rem !important;
    }
}


/* ================================================================
   V67 · Análisis profundo en filas horizontales
   Usa todo el ancho disponible y evita tarjetas angostas/verticales.
   ================================================================ */

/* El drawer completo ocupa todo el ancho disponible. */
.h2h-dashboard .analysis-deep-drawer[b-fb2jt59nu4] {
    width: 100%;
    max-width: none !important;
    grid-column: 1 / -1;
}

.h2h-dashboard .analysis-deep-drawer > summary[b-fb2jt59nu4] {
    width: 100%;
}

/* Contenedor principal: llenar de izquierda a derecha y después bajar. */
.h2h-dashboard .analysis-deep-content[b-fb2jt59nu4] {
    width: 100%;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: .9rem !important;
    align-items: start !important;
    padding: .9rem !important;
    box-sizing: border-box;
}

/* Por defecto, cada tarjeta profunda ocupa media fila. */
.h2h-dashboard .analysis-deep-content > .h2h-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content > section[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content > article[b-fb2jt59nu4] {
    grid-column: span 6 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Tarjetas densas: media fila, con espacio suficiente para Local/Visitante. */
.h2h-dashboard .analysis-deep-content .trend-change-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .offensive-pressure-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .score-behavior-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .danger-minutes-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .consistency-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .defense-quality-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .trap-detector-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .related-markets-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .recent-form-quality-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .rival-adjusted-panel[b-fb2jt59nu4] {
    grid-column: span 6 !important;
}

/* Las rejillas internas Local/Visitante se mantienen en dos columnas reales. */
.h2h-dashboard .analysis-deep-content .trend-change-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .offensive-pressure-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .score-behavior-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .danger-minutes-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .consistency-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .defense-quality-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .recent-form-quality-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .rival-adjusted-grid[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* Evita que las tarjetas internas fuercen anchos mínimos absurdos. */
.h2h-dashboard .analysis-deep-content .trend-change-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .offensive-pressure-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .score-behavior-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .danger-minutes-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .consistency-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .defense-quality-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .recent-form-quality-grid > *[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .rival-adjusted-grid > *[b-fb2jt59nu4] {
    min-width: 0 !important;
    max-width: none !important;
}

/* Comparación contra liga: no recortar texto ni barras. */
.h2h-dashboard .analysis-deep-content .league-comparison-panel[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-card[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-team[b-fb2jt59nu4] {
    overflow: visible !important;
}

.h2h-dashboard .analysis-deep-content .league-comparison-metric[b-fb2jt59nu4] {
    grid-template-columns: minmax(88px, .9fr) minmax(120px, 1.4fr) minmax(110px, 1fr) !important;
    min-width: 0 !important;
}

.h2h-dashboard .analysis-deep-content .league-comparison-reading[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-comparison-delta[b-fb2jt59nu4] {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Calidad de forma: rival/jornada legibles y sin columnas microscópicas. */
.h2h-dashboard .analysis-deep-content .recent-form-quality-panel .recent-rivals[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .recent-form-quality-panel .recent-rival-list[b-fb2jt59nu4] {
    min-width: 0 !important;
}

.h2h-dashboard .analysis-deep-content .recent-form-quality-panel .recent-rival-row[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .5rem !important;
}

/* Tarjetas de mercado relacionado y detector: evitar columnas comprimidas. */
.h2h-dashboard .analysis-deep-content .trap-detector-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .related-market-grid[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .market-related-grid[b-fb2jt59nu4] {
    width: 100% !important;
    min-width: 0 !important;
}

/* Escritorio muy ancho: tres tarjetas pequeñas por fila solo cuando quepan.
   Las tarjetas densas anteriores siguen forzadas a span 6. */
@media (min-width: 1700px) {
    .h2h-dashboard .analysis-deep-content > .compact-card[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content > .small-card[b-fb2jt59nu4] {
        grid-column: span 4 !important;
    }
}

/* Pantalla media: una tarjeta por fila para mantener lectura. */
@media (max-width: 1200px) {
    .h2h-dashboard .analysis-deep-content[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }

    .h2h-dashboard .analysis-deep-content > .h2h-panel[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content > section[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content > article[b-fb2jt59nu4] {
        grid-column: 1 !important;
    }
}

/* Móvil: Local/Visitante también se apilan. */
@media (max-width: 760px) {
    .h2h-dashboard .analysis-deep-content[b-fb2jt59nu4] {
        padding: .65rem !important;
    }

    .h2h-dashboard .analysis-deep-content .trend-change-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .offensive-pressure-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .score-behavior-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .danger-minutes-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .consistency-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .defense-quality-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .league-comparison-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .recent-form-quality-grid[b-fb2jt59nu4],
    .h2h-dashboard .analysis-deep-content .rival-adjusted-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }
}


/* ================================================================
   V68 · Resumen + Guion del partido en una sola sección
   ================================================================ */
.h2h-dashboard .h2h-summary-script-section > .insight-top-grid[b-fb2jt59nu4],
.h2h-dashboard .h2h-summary-script-section > .data-quality-panel[b-fb2jt59nu4],
.h2h-dashboard .h2h-summary-script-section > .match-script-panel[b-fb2jt59nu4] {
    width: auto;
    margin: .85rem !important;
}

.h2h-dashboard .h2h-summary-script-section > .data-quality-panel[b-fb2jt59nu4],
.h2h-dashboard .h2h-summary-script-section > .match-script-panel[b-fb2jt59nu4] {
    margin-top: 0 !important;
}


/* ================================================================
   V69 · Comparación contra la liga compacta y a fila completa
   ================================================================ */

/* Esta tarjeta necesita todo el ancho del Análisis profundo. */
.h2h-dashboard .analysis-deep-content > .league-percentile-panel[b-fb2jt59nu4] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Local y visitante permanecen lado a lado en escritorio. */
.h2h-dashboard .analysis-deep-content .league-percentile-grid[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    width: 100% !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-team[b-fb2jt59nu4] {
    min-width: 0 !important;
    padding: 1rem !important;
}

/* Dos métricas por fila dentro de cada equipo.
   Así el bloque usa ancho en vez de crecer verticalmente. */
.h2h-dashboard .analysis-deep-content .league-percentile-metrics[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem !important;
    align-items: stretch !important;
}

/* Cada métrica se convierte en una tarjeta compacta. */
.h2h-dashboard .analysis-deep-content .league-percentile-row[b-fb2jt59nu4] {
    display: grid !important;
    grid-template-columns: minmax(95px, .9fr) minmax(90px, 1fr) minmax(86px, .85fr) !important;
    gap: .55rem !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: .62rem .7rem !important;
    border: 1px solid #d7e3ec !important;
    border-radius: 10px !important;
    background: #f8fbfe !important;
    overflow: visible !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-label[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-percentile-score[b-fb2jt59nu4] {
    min-width: 0 !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-label span[b-fb2jt59nu4] {
    font-size: .72rem !important;
    line-height: 1.25 !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-label strong[b-fb2jt59nu4] {
    font-size: .9rem !important;
    line-height: 1.2 !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-label small[b-fb2jt59nu4],
.h2h-dashboard .analysis-deep-content .league-percentile-score small[b-fb2jt59nu4] {
    font-size: .64rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-score strong[b-fb2jt59nu4] {
    font-size: .82rem !important;
    line-height: 1.15 !important;
}

.h2h-dashboard .analysis-deep-content .league-percentile-bar[b-fb2jt59nu4] {
    min-width: 0 !important;
    width: 100% !important;
}

/* Resumen final de cada equipo con menos altura. */
.h2h-dashboard .analysis-deep-content .league-team-reading[b-fb2jt59nu4] {
    margin: .75rem 0 0 !important;
    line-height: 1.4 !important;
}

/* En resoluciones medias mantenemos una tarjeta de equipo por fila,
   pero seguimos mostrando dos métricas por fila. */
@media (max-width: 1250px) {
    .h2h-dashboard .analysis-deep-content .league-percentile-grid[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }

    .h2h-dashboard .analysis-deep-content .league-percentile-metrics[b-fb2jt59nu4] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* En móvil una métrica por fila para conservar legibilidad. */
@media (max-width: 720px) {
    .h2h-dashboard .analysis-deep-content .league-percentile-metrics[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }

    .h2h-dashboard .analysis-deep-content .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: minmax(110px, 1fr) minmax(90px, .9fr) minmax(90px, .9fr) !important;
    }
}

@media (max-width: 520px) {
    .h2h-dashboard .analysis-deep-content .league-percentile-row[b-fb2jt59nu4] {
        grid-template-columns: 1fr !important;
    }
}

/* ===== V61 · Pronósticos a ancho completo + historial directo debajo ===== */
.h2h-dashboard .h2h-bottom-grid[b-fb2jt59nu4] {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
}

.h2h-dashboard .official-predictions-panel[b-fb2jt59nu4],
.h2h-dashboard .h2h-history-panel[b-fb2jt59nu4] {
    width: 100% !important;
    min-width: 0 !important;
}

.h2h-dashboard .official-predictions-grid[b-fb2jt59nu4] {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
    align-items: start !important;
}

@media (max-width: 760px) {
    .h2h-dashboard .official-predictions-grid[b-fb2jt59nu4] {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}


/* ===== V62 · Cada pick minimizado con mostrar / ocultar ===== */
.h2h-dashboard .official-prediction-collapsible[b-fb2jt59nu4] {
    margin: 0 !important;
    border: 1px solid #d8e4ef !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(18,46,79,.05) !important;
}

.h2h-dashboard .official-prediction-collapsible > .official-prediction-summary[b-fb2jt59nu4] {
    align-items: center !important;
    padding: .85rem 1rem !important;
    background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
}

.h2h-dashboard .official-prediction-summary-main[b-fb2jt59nu4] {
    display: grid !important;
    gap: .18rem !important;
    min-width: 0 !important;
}

.h2h-dashboard .official-prediction-summary-main strong[b-fb2jt59nu4] {
    color: #0b1f36 !important;
    font-size: 1.02rem !important;
    font-weight: 850 !important;
    line-height: 1.24 !important;
}

.h2h-dashboard .official-prediction-summary-meta[b-fb2jt59nu4] {
    display: block !important;
    color: #243e57 !important;
    font-size: .73rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.h2h-dashboard .official-prediction-summary-side[b-fb2jt59nu4] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .45rem !important;
    min-width: 260px !important;
}

.h2h-dashboard .prediction-summary-status[b-fb2jt59nu4] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: .36rem .65rem !important;
    border-radius: 999px !important;
    border: 1px solid #d8e4ef !important;
    background: #edf5ff !important;
    color: #243e57 !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.h2h-dashboard .prediction-summary-status.pending[b-fb2jt59nu4] {
    color: #0d6efd !important;
    background: #eef5ff !important;
    border-color: #cfe0ff !important;
}

.h2h-dashboard .prediction-summary-status.won[b-fb2jt59nu4] {
    color: #17774b !important;
    background: #edf5ff !important;
    border-color: #cce9d7 !important;
}

.h2h-dashboard .prediction-summary-status.lost[b-fb2jt59nu4] {
    color: #c03a48 !important;
    background: #fff1f2 !important;
    border-color: #f2c8cd !important;
}

.h2h-dashboard .prediction-summary-status.void[b-fb2jt59nu4] {
    color: #243e57 !important;
    background: #edf5ff !important;
    border-color: #d8e2ea !important;
}

.h2h-dashboard .official-prediction-collapsible > .official-prediction-card[b-fb2jt59nu4] {
    margin: .85rem !important;
}

.h2h-dashboard .official-prediction-collapsible[open] > .official-prediction-summary[b-fb2jt59nu4] {
    border-bottom: 1px solid #dbe7f0 !important;
}

@media (max-width: 760px) {
    .h2h-dashboard .official-prediction-summary[b-fb2jt59nu4] {
        align-items: flex-start !important;
    }

    .h2h-dashboard .official-prediction-summary-side[b-fb2jt59nu4] {
        min-width: 0 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }
}

/* Contraste de lectura: fondo claro y texto azul oscuro. */
.h2h-dashboard[b-fb2jt59nu4] {
    --muted: #243e57 !important;
    --v58-muted: #243e57;
    --v58-soft: #304d69;
    color: #102a43;
    background: #edf5ff !important;
}
.h2h-dashboard .h2h-filters select[b-fb2jt59nu4],
.h2h-dashboard .h2h-filters select option[b-fb2jt59nu4] {
    color: #102a43 !important;
    background-color: #ffffff !important;
}
/* Cerrados: se distinguen por el fondo sin perder legibilidad. */
.h2h-dashboard .h2h-filters select.selector-cerrado[b-fb2jt59nu4],
.h2h-dashboard .h2h-filters select option.opcion-cerrada[b-fb2jt59nu4] {
    color: #304d69 !important;
    background-color: #e4effc !important;
}
.h2h-dashboard .secondary-summary[b-fb2jt59nu4],
.h2h-dashboard .pick-ranking-note[b-fb2jt59nu4] {
    color: #243e57 !important;
    opacity: 1;
}
/* /Components/Pages/DashboardLigaAdmin.razor.rz.scp.css */
.league-dashboard[b-f8p5em14a3] {
    --bg: #061321;
    --panel: #0a1b2c;
    --panel-2: #0c2236;
    --border: rgba(105, 171, 220, .18);
    --text: #ecf8ff;
    --muted: #8ca5b9;
    --green: #35da78;
    --blue: #2d8cff;
    --cyan: #15bfe8;
    --yellow: #f4bc3d;
    --purple: #aa63ff;
    --red: #ff4f62;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.35rem;
    color: var(--text);
    background:
        radial-gradient(circle at 85% 0%, rgba(33, 108, 155, .18), transparent 28%),
        radial-gradient(circle at 10% 30%, rgba(26, 188, 112, .08), transparent 24%),
        linear-gradient(145deg, #04101c 0%, #071827 55%, #061321 100%);
    font-family: Inter, "Segoe UI", sans-serif;
}

.dashboard-header[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.brand-block[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 205px;
}

.brand-ball[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(53, 218, 120, .75);
    background: rgba(53, 218, 120, .09);
    box-shadow: 0 0 24px rgba(53, 218, 120, .22);
    font-size: 1.55rem;
}

.brand-block strong[b-f8p5em14a3],
.brand-block span[b-f8p5em14a3] {
    display: block;
}

.brand-block strong[b-f8p5em14a3] {
    letter-spacing: .08em;
}

.brand-block span[b-f8p5em14a3] {
    color: var(--muted);
    font-size: .72rem;
}

.header-copy h1[b-f8p5em14a3] {
    margin: 0;
    font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.header-copy p[b-f8p5em14a3] {
    margin: .2rem 0 0;
    color: var(--muted);
}

.dashboard-alert[b-f8p5em14a3] {
    margin-bottom: .8rem;
    padding: .75rem 1rem;
    border-radius: 12px;
    border: 1px solid;
}

.dashboard-alert.ok[b-f8p5em14a3] {
    color: #baf8d2;
    border-color: rgba(53, 218, 120, .35);
    background: rgba(53, 218, 120, .1);
}

.dashboard-alert.error[b-f8p5em14a3] {
    color: #ffd1d6;
    border-color: rgba(255, 79, 98, .4);
    background: rgba(255, 79, 98, .1);
}

.filter-strip[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: .9fr 1.05fr 1.25fr 1.05fr 1.05fr auto;
    gap: .75rem;
    padding: .85rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: rgba(8, 26, 43, .88);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.filter-strip label[b-f8p5em14a3] {
    display: grid;
    gap: .35rem;
}

.filter-strip label span[b-f8p5em14a3] {
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.filter-strip select[b-f8p5em14a3] {
    width: 100%;
    min-height: 42px;
    padding: .55rem .7rem;
    color: var(--text);
    border: 1px solid rgba(116, 170, 210, .24);
    border-radius: 9px;
    background: #081827;
    outline: none;
}

.filter-strip select:focus[b-f8p5em14a3] {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(53, 218, 120, .1);
}

.refresh-button[b-f8p5em14a3] {
    align-self: end;
    min-height: 42px;
    padding: .6rem 1rem;
    color: #04140c;
    font-weight: 800;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #4bea8c, #20be68);
    cursor: pointer;
}

.refresh-button:disabled[b-f8p5em14a3] {
    opacity: .5;
    cursor: not-allowed;
}

.empty-dashboard[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    min-height: 470px;
    padding: 2rem;
    text-align: center;
    border: 1px dashed rgba(102, 170, 216, .28);
    border-radius: 18px;
    background: rgba(7, 24, 39, .72);
}

.empty-dashboard > div:first-child:not(.loader-ring)[b-f8p5em14a3] {
    font-size: 3.4rem;
}

.empty-dashboard h2[b-f8p5em14a3] {
    margin-bottom: .25rem;
}

.empty-dashboard p[b-f8p5em14a3] {
    max-width: 650px;
    color: var(--muted);
}

.loader-ring[b-f8p5em14a3] {
    width: 52px;
    height: 52px;
    border: 5px solid rgba(45, 140, 255, .2);
    border-top-color: var(--blue);
    border-radius: 50%;
    animation: spin-b-f8p5em14a3 1s linear infinite;
}

@keyframes spin-b-f8p5em14a3 { to { transform: rotate(360deg); } }

.context-ribbon[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: .7rem 1rem;
    margin-bottom: .85rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(9, 29, 47, .78);
}

.context-ribbon > div:not(.informative-tag)[b-f8p5em14a3] {
    display: grid;
    gap: .08rem;
}

.context-ribbon span[b-f8p5em14a3] {
    color: var(--muted);
    font-size: .69rem;
    text-transform: uppercase;
}

.informative-tag[b-f8p5em14a3] {
    margin-left: auto;
    padding: .38rem .68rem;
    color: #b9d9ec;
    border: 1px solid rgba(21, 191, 232, .28);
    border-radius: 999px;
    background: rgba(21, 191, 232, .08);
    font-size: .72rem;
}

.kpi-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .72rem;
    margin-bottom: .85rem;
}

.kpi-card[b-f8p5em14a3] {
    position: relative;
    overflow: hidden;
    min-height: 135px;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(14, 40, 62, .94), rgba(7, 24, 39, .96));
}

.kpi-card[b-f8p5em14a3]::after {
    position: absolute;
    inset: auto -15% -55% 20%;
    height: 100px;
    content: "";
    border-radius: 50%;
    filter: blur(30px);
    opacity: .2;
}

.kpi-card.green[b-f8p5em14a3]::after { background: var(--green); }
.kpi-card.blue[b-f8p5em14a3]::after { background: var(--blue); }
.kpi-card.yellow[b-f8p5em14a3]::after { background: var(--yellow); }
.kpi-card.cyan[b-f8p5em14a3]::after { background: var(--cyan); }
.kpi-card.purple[b-f8p5em14a3]::after { background: var(--purple); }
.kpi-card.red[b-f8p5em14a3]::after { background: var(--red); }

.kpi-icon[b-f8p5em14a3] {
    float: left;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-right: .6rem;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    font-size: 1.15rem;
}

.kpi-card > span[b-f8p5em14a3] {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
}

.kpi-card > strong[b-f8p5em14a3] {
    display: block;
    margin-top: .35rem;
    font-size: 1.65rem;
}

.kpi-card > small[b-f8p5em14a3] {
    display: block;
    margin-top: .55rem;
    color: #9fbbcd;
    font-size: .68rem;
}

.primary-grid[b-f8p5em14a3],
.secondary-grid[b-f8p5em14a3],
.bottom-grid[b-f8p5em14a3] {
    display: grid;
    gap: .85rem;
    margin-bottom: .85rem;
}

.primary-grid[b-f8p5em14a3] { grid-template-columns: minmax(0, 1.65fr) minmax(310px, .8fr); }
.secondary-grid[b-f8p5em14a3] { grid-template-columns: minmax(265px, .72fr) minmax(480px, 1.35fr) minmax(300px, .8fr); }
.bottom-grid[b-f8p5em14a3] { grid-template-columns: minmax(480px, 1.05fr) minmax(420px, .95fr); }

.dashboard-panel[b-f8p5em14a3] {
    overflow: hidden;
    padding: .95rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(10, 31, 50, .96), rgba(7, 22, 37, .97));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}

.panel-title-row[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .8rem;
}

.panel-kicker[b-f8p5em14a3] {
    color: var(--green);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.panel-title-row h2[b-f8p5em14a3] {
    margin: .1rem 0 0;
    font-size: 1rem;
}

.legend-row[b-f8p5em14a3] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    color: var(--muted);
    font-size: .68rem;
}

.legend-row.compact[b-f8p5em14a3] { gap: .45rem; }
.legend-dot[b-f8p5em14a3] { display: inline-block; width: 8px; height: 8px; margin-right: .25rem; border-radius: 50%; }
.legend-dot.goals[b-f8p5em14a3] { background: var(--blue); }
.legend-dot.corners[b-f8p5em14a3] { background: var(--purple); }
.legend-dot.local[b-f8p5em14a3] { background: var(--green); }
.legend-dot.visitor[b-f8p5em14a3] { background: var(--blue); }

.chart-wrap[b-f8p5em14a3] {
    width: 100%;
    min-height: 290px;
}

.trend-chart[b-f8p5em14a3] {
    width: 100%;
    height: 290px;
}

.grid-line[b-f8p5em14a3] { stroke: rgba(133, 176, 207, .12); stroke-width: 1; }
.axis-line[b-f8p5em14a3] { stroke: rgba(160, 198, 223, .25); stroke-width: 1.2; }
.series-line[b-f8p5em14a3] { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.goals-line[b-f8p5em14a3] { stroke: var(--blue); filter: drop-shadow(0 0 5px rgba(45, 140, 255, .55)); }
.corners-line[b-f8p5em14a3] { stroke: var(--purple); filter: drop-shadow(0 0 5px rgba(170, 99, 255, .55)); }
.point[b-f8p5em14a3] { stroke-width: 2; }
.goals-point[b-f8p5em14a3] { fill: #081827; stroke: var(--blue); }
.corners-point[b-f8p5em14a3] { fill: #081827; stroke: var(--purple); }
.axis-label[b-f8p5em14a3] { fill: #7f9bb0; font-size: 13px; }

.result-content[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    gap: 1.1rem;
    min-height: 270px;
}

.donut[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(45, 140, 255, .18);
}

.donut-center[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(120, 179, 218, .18);
    border-radius: 50%;
    background: #081827;
}

.donut-center strong[b-f8p5em14a3] { font-size: 1.45rem; }
.donut-center span[b-f8p5em14a3] { color: var(--muted); font-size: .68rem; }

.result-legend[b-f8p5em14a3] { display: grid; gap: .75rem; }
.result-legend > div[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(119, 170, 205, .1);
}

.result-legend span small[b-f8p5em14a3] { display: block; color: var(--muted); font-size: .65rem; }
.result-dot[b-f8p5em14a3] { width: 11px; height: 11px; border-radius: 50%; }
.result-dot.home[b-f8p5em14a3] { background: var(--green); box-shadow: 0 0 12px rgba(53,218,120,.5); }
.result-dot.draw[b-f8p5em14a3] { background: var(--yellow); box-shadow: 0 0 12px rgba(244,188,61,.5); }
.result-dot.away[b-f8p5em14a3] { background: var(--blue); box-shadow: 0 0 12px rgba(45,140,255,.5); }

.market-bars[b-f8p5em14a3] { display: grid; gap: .82rem; }
.market-row[b-f8p5em14a3] { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(80px, 1fr) 48px; align-items: center; gap: .55rem; }
.market-name[b-f8p5em14a3] { display: flex; align-items: center; gap: .45rem; }
.market-name > span[b-f8p5em14a3] { display: grid; place-items: center; min-width: 30px; height: 30px; color: var(--green); border-radius: 8px; background: rgba(53,218,120,.08); font-size: .72rem; font-weight: 800; }
.market-name strong[b-f8p5em14a3], .market-name small[b-f8p5em14a3] { display: block; }
.market-name strong[b-f8p5em14a3] { font-size: .76rem; }
.market-name small[b-f8p5em14a3] { color: var(--muted); font-size: .59rem; }
.bar-track[b-f8p5em14a3] { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(133, 177, 207, .15); }
.bar-track span[b-f8p5em14a3] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2ac96f, #73ef9f); box-shadow: 0 0 10px rgba(53,218,120,.4); }
.market-row > strong[b-f8p5em14a3] { text-align: right; font-size: .72rem; }

.mini-badge[b-f8p5em14a3] {
    padding: .28rem .55rem;
    color: #a9c8db;
    border: 1px solid rgba(126, 177, 210, .18);
    border-radius: 999px;
    background: rgba(126, 177, 210, .06);
    font-size: .64rem;
}

.table-scroll[b-f8p5em14a3] { overflow-x: auto; }
.team-table[b-f8p5em14a3] { width: 100%; border-collapse: collapse; font-size: .82rem; }
.team-table th[b-f8p5em14a3] { padding: .62rem .52rem; color: #8eabc0; text-align: left; font-size: .68rem; text-transform: uppercase; border-bottom: 1px solid rgba(115, 166, 200, .18); }
.team-table td[b-f8p5em14a3] { padding: .58rem .52rem; color: #d5e6f1; border-bottom: 1px solid rgba(115, 166, 200, .09); white-space: nowrap; }
.team-table tbody tr:hover[b-f8p5em14a3] { background: rgba(45, 140, 255, .05); }
.position-pill[b-f8p5em14a3] { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; color: var(--green); background: rgba(53,218,120,.08); font-size: .76rem; }
.team-cell[b-f8p5em14a3] { display: flex; align-items: center; gap: .4rem; }
.team-avatar[b-f8p5em14a3] { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(45,140,255,.25); border-radius: 50%; color: #79b8ff; background: rgba(45,140,255,.08); font-size: .64rem; font-weight: 800; }

.comparison-list[b-f8p5em14a3] { display: grid; gap: 1rem; }
.comparison-item > span[b-f8p5em14a3] { display: block; margin-bottom: .38rem; color: #aec4d3; font-size: .7rem; }
.comparison-values[b-f8p5em14a3] { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; gap: .45rem; }
.comparison-values strong[b-f8p5em14a3] { font-size: .72rem; }
.local-value[b-f8p5em14a3] { color: var(--green); }
.visitor-value[b-f8p5em14a3] { color: var(--blue); text-align: right; }
.dual-bar[b-f8p5em14a3] { display: grid; gap: 3px; }
.dual-bar span[b-f8p5em14a3] { display: block; height: 6px; border-radius: 999px; }
.local-bar[b-f8p5em14a3] { background: linear-gradient(90deg, #2dbe68, #64ee99); }
.visitor-bar[b-f8p5em14a3] { background: linear-gradient(90deg, #1974d4, #50a8ff); }

.upcoming-list[b-f8p5em14a3] { display: grid; gap: .62rem; }
.upcoming-row[b-f8p5em14a3] { display: grid; grid-template-columns: 78px minmax(190px, 1fr) auto; align-items: center; gap: .65rem; padding: .58rem; border: 1px solid rgba(105, 163, 200, .1); border-radius: 10px; background: rgba(6, 19, 33, .48); }
.date-box[b-f8p5em14a3] { display: grid; gap: .12rem; }
.date-box strong[b-f8p5em14a3] { color: var(--green); font-size: .67rem; }
.date-box span[b-f8p5em14a3] { color: var(--muted); font-size: .65rem; }
.upcoming-teams[b-f8p5em14a3] { display: grid; grid-template-columns: 1fr auto 1fr; gap: .4rem; align-items: center; }
.upcoming-teams strong[b-f8p5em14a3] { font-size: .72rem; }
.upcoming-teams > span[b-f8p5em14a3] { color: #617f93; font-size: .62rem; }
.upcoming-teams small[b-f8p5em14a3] { grid-column: 1 / -1; color: var(--muted); font-size: .6rem; }
.league-badges[b-f8p5em14a3] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .25rem; }
.league-badges span[b-f8p5em14a3] { padding: .2rem .35rem; color: #7ff2a6; border: 1px solid rgba(53,218,120,.25); border-radius: 6px; background: rgba(53,218,120,.06); font-size: .57rem; }
.upcoming-note[b-f8p5em14a3] { margin: .7rem 0 0; color: var(--muted); font-size: .62rem; }

.leader-cards[b-f8p5em14a3] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; }
.leader-card[b-f8p5em14a3] { display: grid; min-height: 132px; align-content: center; text-align: center; padding: .65rem; border: 1px solid; border-radius: 12px; background: rgba(7, 23, 37, .7); }
.leader-card span[b-f8p5em14a3] { font-size: .63rem; }
.leader-card strong[b-f8p5em14a3] { overflow: hidden; margin-top: .45rem; text-overflow: ellipsis; white-space: nowrap; font-size: .71rem; }
.leader-card b[b-f8p5em14a3] { margin-top: .42rem; font-size: 1.5rem; }
.leader-card small[b-f8p5em14a3] { color: var(--muted); font-size: .58rem; }
.leader-card.attack[b-f8p5em14a3] { color: #64ee99; border-color: rgba(53,218,120,.25); }
.leader-card.defense[b-f8p5em14a3] { color: #69b2ff; border-color: rgba(45,140,255,.25); }
.leader-card.corners[b-f8p5em14a3] { color: #c08cff; border-color: rgba(170,99,255,.25); }
.leader-card.cards[b-f8p5em14a3] { color: #ff8290; border-color: rgba(255,79,98,.25); }

.quick-ranking[b-f8p5em14a3] { margin-top: 0; padding-top: 0; border-top: 0; }
.quick-ranking h3[b-f8p5em14a3] { margin: 0; font-size: .78rem; line-height: 1.15; }
.quick-ranking-list > div[b-f8p5em14a3] { display: grid; grid-template-columns: 20px 1fr auto; gap: .34rem; align-items: center; padding: .32rem 0; border-bottom: 1px solid rgba(105, 163, 200, .07); font-size: .66rem; }
.rank-number[b-f8p5em14a3] { color: var(--green); font-weight: 800; }
.rank-team[b-f8p5em14a3] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.panel-empty[b-f8p5em14a3] { display: grid; place-items: center; min-height: 190px; color: var(--muted); text-align: center; }

@media (max-width: 1400px) {
    .kpi-grid[b-f8p5em14a3] { grid-template-columns: repeat(3, 1fr); }
    .secondary-grid[b-f8p5em14a3] { grid-template-columns: .8fr 1.2fr; }
    .home-away-panel[b-f8p5em14a3] { grid-column: 1 / -1; }
}

@media (max-width: 1050px) {
    .filter-strip[b-f8p5em14a3] { grid-template-columns: repeat(2, 1fr); }
    .refresh-button[b-f8p5em14a3] { width: 100%; }
    .primary-grid[b-f8p5em14a3], .bottom-grid[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .secondary-grid[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .home-away-panel[b-f8p5em14a3] { grid-column: auto; }
}

@media (max-width: 720px) {
    .league-dashboard[b-f8p5em14a3] { margin: -.75rem; padding: .75rem; }
    .dashboard-header[b-f8p5em14a3] { align-items: flex-start; }
    .brand-block[b-f8p5em14a3] { min-width: auto; }
    .brand-block > div:last-child[b-f8p5em14a3] { display: none; }
    .filter-strip[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .kpi-grid[b-f8p5em14a3] { grid-template-columns: repeat(2, 1fr); }
    .context-ribbon[b-f8p5em14a3] { align-items: flex-start; flex-direction: column; gap: .55rem; }
    .informative-tag[b-f8p5em14a3] { margin-left: 0; }
    .result-content[b-f8p5em14a3] { grid-template-columns: 1fr; justify-items: center; }
    .result-legend[b-f8p5em14a3] { width: 100%; }
    .leader-cards[b-f8p5em14a3] { grid-template-columns: repeat(2, 1fr); }
    .upcoming-row[b-f8p5em14a3] { grid-template-columns: 68px 1fr; }
    .league-badges[b-f8p5em14a3] { grid-column: 1 / -1; justify-content: flex-start; }
}

/* ================================================================
   Mejoras V2: gráficas separadas, tabla completa y calendario por jornada
   ================================================================ */

.panel-subtitle[b-f8p5em14a3] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .65rem;
}

.chart-title-row[b-f8p5em14a3],
.teams-title-row[b-f8p5em14a3],
.upcoming-title-row[b-f8p5em14a3] {
    align-items: center;
}

.dashboard-tabs[b-f8p5em14a3] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .25rem;
    border: 1px solid rgba(114, 171, 207, .16);
    border-radius: 10px;
    background: rgba(3, 16, 28, .55);
}

.dashboard-tab[b-f8p5em14a3] {
    min-width: 78px;
    padding: .48rem .78rem;
    color: #a9c0cf;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
    transition: all .18s ease;
}

.dashboard-tab:hover[b-f8p5em14a3] {
    color: #d8efff;
    background: rgba(45, 140, 255, .08);
}

.dashboard-tab.active[b-f8p5em14a3] {
    color: #071827;
    border-color: rgba(101, 238, 153, .55);
    background: linear-gradient(135deg, #36d77c, #78f1a5);
    box-shadow: 0 0 18px rgba(53, 218, 120, .22);
}

.team-tabs[b-f8p5em14a3] {
    margin: -.15rem 0 .8rem;
}

.chart-summary-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: .45rem;
    margin-bottom: .6rem;
}

.chart-summary-grid > div[b-f8p5em14a3] {
    padding: .55rem .62rem;
    border: 1px solid rgba(110, 172, 209, .11);
    border-radius: 9px;
    background: rgba(4, 18, 31, .48);
}

.chart-summary-grid span[b-f8p5em14a3],
.chart-summary-grid strong[b-f8p5em14a3] {
    display: block;
}

.chart-summary-grid span[b-f8p5em14a3] {
    color: #7695a9;
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.chart-summary-grid strong[b-f8p5em14a3] {
    margin-top: .18rem;
    color: #dff2ff;
    font-size: .78rem;
}

.cards-line[b-f8p5em14a3] {
    stroke: #ff6476;
    filter: drop-shadow(0 0 5px rgba(255, 79, 98, .55));
}

.cards-point[b-f8p5em14a3] {
    fill: #081827;
    stroke: #ff6476;
}

.svg-axis-y[b-f8p5em14a3] {
    color: #7695a9;
    font-size: 12px;
    text-align: right;
    line-height: 24px;
    white-space: nowrap;
}

.svg-axis-x[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    color: #7f9bb0;
    font-size: 11px;
    line-height: 1.05;
    text-align: center;
    white-space: nowrap;
}

.svg-axis-x strong[b-f8p5em14a3] {
    color: #b7d0df;
    font-size: 12px;
}

.svg-axis-x span[b-f8p5em14a3] {
    color: #58788d;
    font-size: 8px;
}

.svg-point-value[b-f8p5em14a3] {
    padding: 1px 3px;
    color: #e3f3fc;
    border: 1px solid rgba(139, 194, 226, .17);
    border-radius: 5px;
    background: rgba(4, 19, 32, .78);
    font-size: 10px;
    font-weight: 750;
    text-align: center;
    line-height: 18px;
    white-space: nowrap;
}

.complete-team-table[b-f8p5em14a3] {
    max-height: 620px;
    overflow: auto;
    border-top: 1px solid rgba(115, 166, 200, .08);
}

.complete-team-table .team-table[b-f8p5em14a3] {
    min-width: 1380px;
}

.complete-team-table thead th[b-f8p5em14a3] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0a2236;
    box-shadow: 0 1px 0 rgba(115, 166, 200, .16);
}

.team-no-data[b-f8p5em14a3] {
    opacity: .48;
}

.positive-value[b-f8p5em14a3] {
    color: #62ed99 !important;
    font-weight: 800;
}

.negative-value[b-f8p5em14a3] {
    color: #ff7788 !important;
    font-weight: 800;
}

.upcoming-round-selector[b-f8p5em14a3] {
    display: grid;
    gap: .2rem;
    min-width: 150px;
}

.upcoming-round-selector span[b-f8p5em14a3] {
    color: #7695a9;
    font-size: .57rem;
    text-transform: uppercase;
}

.upcoming-round-selector select[b-f8p5em14a3] {
    padding: .43rem .55rem;
    color: #d8ecf8;
    border: 1px solid rgba(107, 170, 209, .2);
    border-radius: 8px;
    outline: none;
    background: #091f32;
    font-size: .68rem;
}

.upcoming-count-ribbon[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .65rem;
    padding: .52rem .65rem;
    color: #a7c4d5;
    border: 1px solid rgba(53, 218, 120, .15);
    border-radius: 9px;
    background: rgba(53, 218, 120, .045);
    font-size: .67rem;
}

.upcoming-count-ribbon strong[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    color: #5ce894;
    border-radius: 8px;
    background: rgba(53, 218, 120, .1);
    font-size: .8rem;
}

.upcoming-panel .upcoming-list[b-f8p5em14a3] {
    max-height: 620px;
    overflow-y: auto;
    padding-right: .2rem;
}

@media (max-width: 1500px) {
    .chart-summary-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(3, minmax(110px, 1fr));
    }
}

@media (max-width: 900px) {
    .chart-title-row[b-f8p5em14a3],
    .teams-title-row[b-f8p5em14a3],
    .upcoming-title-row[b-f8p5em14a3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-tabs[b-f8p5em14a3],
    .upcoming-round-selector[b-f8p5em14a3] {
        width: 100%;
    }

    .dashboard-tab[b-f8p5em14a3] {
        flex: 1;
    }

    .chart-summary-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .chart-summary-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .upcoming-row[b-f8p5em14a3] {
        grid-template-columns: 70px 1fr;
    }

    .league-badges[b-f8p5em14a3] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}


/* ================================================================
   V3 visual: tipografía, ilustraciones SVG y Top 5 por mercado
   ================================================================ */
.league-dashboard[b-f8p5em14a3] {
    font-family: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.league-dashboard h1[b-f8p5em14a3],.league-dashboard h2[b-f8p5em14a3],.league-dashboard h3[b-f8p5em14a3] { font-weight: 600; letter-spacing: -.015em; }
.league-dashboard strong[b-f8p5em14a3],.league-dashboard b[b-f8p5em14a3] { font-weight: 600; }
.league-dashboard table[b-f8p5em14a3] { font-weight: 400; }
.league-dashboard th[b-f8p5em14a3] { font-weight: 600; letter-spacing: .035em; }
.league-dashboard td[b-f8p5em14a3] { font-weight: 400; }
.panel-title-row h2[b-f8p5em14a3] { font-size: 1.08rem; }
.panel-subtitle[b-f8p5em14a3] { font-size: .72rem; line-height: 1.5; }
.kpi-grid-expanded[b-f8p5em14a3] { grid-template-columns: repeat(9, minmax(145px, 1fr)); overflow-x: auto; padding-bottom: .15rem; }
.kpi-grid-expanded .kpi-card[b-f8p5em14a3] { min-width: 145px; min-height: 150px; }
.kpi-card > span[b-f8p5em14a3] { font-weight: 500; letter-spacing: .045em; }
.kpi-card > strong[b-f8p5em14a3] { font-weight: 600; letter-spacing: -.02em; }
.kpi-card > small[b-f8p5em14a3] { font-size: .7rem; line-height: 1.45; }
.kpi-illustration[b-f8p5em14a3] { width: 46px; height: 46px; margin-bottom: .65rem; padding: 7px; border-radius: 13px; background: rgba(255,255,255,.045); }
.kpi-illustration svg[b-f8p5em14a3],.market-top-icon svg[b-f8p5em14a3] { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.kpi-card.green .kpi-illustration[b-f8p5em14a3] { color:var(--green); } .kpi-card.blue .kpi-illustration[b-f8p5em14a3] { color:var(--blue); }
.kpi-card.yellow .kpi-illustration[b-f8p5em14a3] { color:var(--yellow); } .kpi-card.cyan .kpi-illustration[b-f8p5em14a3] { color:var(--cyan); }
.kpi-card.purple .kpi-illustration[b-f8p5em14a3] { color:var(--purple); } .kpi-card.red .kpi-illustration[b-f8p5em14a3] { color:var(--red); }
.kpi-card.indigo .kpi-illustration[b-f8p5em14a3] { color:#7f8cff; } .kpi-card.teal .kpi-illustration[b-f8p5em14a3] { color:#20d7c5; }
.kpi-card.indigo[b-f8p5em14a3]::after { background:#7f8cff; } .kpi-card.teal[b-f8p5em14a3]::after { background:#20d7c5; }
.leaders-panel-v3[b-f8p5em14a3] { padding: .85rem; }
.market-top-grid[b-f8p5em14a3] { display:grid; grid-template-columns:repeat(3,minmax(230px,1fr)); gap:.7rem; }
.market-top-card[b-f8p5em14a3] { overflow:hidden; border:1px solid rgba(110,170,210,.14); border-radius:12px; background:linear-gradient(145deg,rgba(13,38,59,.88),rgba(5,20,34,.92)); }
.market-top-header[b-f8p5em14a3] { display:flex; align-items:center; gap:.5rem; padding:.58rem .62rem; border-bottom:1px solid rgba(110,170,210,.1); }
.market-top-header h3[b-f8p5em14a3] { margin:.03rem 0 0; font-size:.78rem; line-height:1.15; }
.market-top-header span[b-f8p5em14a3] { color:var(--muted); font-size:.56rem; font-weight:500; }
.market-top-icon[b-f8p5em14a3] { width:32px; height:32px; padding:6px; border-radius:9px; color:#6ee89b; background:rgba(53,218,120,.08); }
.market-top-card.defense .market-top-icon[b-f8p5em14a3],.market-top-card.under35 .market-top-icon[b-f8p5em14a3],.market-top-card.under45 .market-top-icon[b-f8p5em14a3] { color:#69b2ff; background:rgba(45,140,255,.08); }
.market-top-card.corners .market-top-icon[b-f8p5em14a3] { color:#c08cff; background:rgba(170,99,255,.08); }
.market-top-card.cards .market-top-icon[b-f8p5em14a3] { color:#ff8290; background:rgba(255,79,98,.08); }
.market-top-list[b-f8p5em14a3] { padding:.28rem .58rem .48rem; }
.market-top-row[b-f8p5em14a3] { display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:.34rem; align-items:center; padding:.32rem 0; border-bottom:1px solid rgba(110,170,210,.075); font-size:.66rem; }
.market-top-row:last-child[b-f8p5em14a3] { border-bottom:0; }
.market-rank[b-f8p5em14a3] { display:grid; place-items:center; width:18px; height:18px; border-radius:6px; color:#071827; background:#52e38a; font-size:.56rem; font-weight:800; }
.market-team[b-f8p5em14a3] { overflow:hidden; color:#d8e9f4; text-overflow:ellipsis; white-space:nowrap; font-weight:600; min-width:0; }
.market-top-row strong[b-f8p5em14a3] { color:#f2fbff; font-size:.64rem; font-weight:700; white-space:nowrap; }
.market-top-empty[b-f8p5em14a3] { padding:.5rem 0; color:var(--muted); font-size:.66rem; text-align:center; }
.team-table th[b-f8p5em14a3],.team-table td[b-f8p5em14a3] { font-size:.7rem; line-height:1.5; }
.team-table td[b-f8p5em14a3] { color:#c7dce9; }
.team-cell strong[b-f8p5em14a3] { font-weight:500; }
.upcoming-teams strong[b-f8p5em14a3] { font-weight:500; }
@media (max-width:1500px){ .kpi-grid-expanded[b-f8p5em14a3]{grid-template-columns:repeat(5,minmax(145px,1fr));} .market-top-grid[b-f8p5em14a3]{grid-template-columns:repeat(2,minmax(230px,1fr));} }
@media (max-width:850px){ .kpi-grid-expanded[b-f8p5em14a3]{grid-template-columns:repeat(2,minmax(145px,1fr));} .market-top-grid[b-f8p5em14a3]{grid-template-columns:1fr;} }


/* Corrección visual definitiva de iconos SVG del dashboard. */
.kpi-illustration[b-f8p5em14a3],
.market-top-icon[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.kpi-illustration svg[b-f8p5em14a3],
.market-top-icon svg[b-f8p5em14a3] {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    color: inherit;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kpi-illustration svg *[b-f8p5em14a3],
.market-top-icon svg *[b-f8p5em14a3] {
    fill: none !important;
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.kpi-grid-expanded .kpi-card[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: .75rem;
    align-items: center;
    min-height: 118px;
    padding: .85rem;
}

.kpi-grid-expanded .kpi-illustration[b-f8p5em14a3] {
    grid-column: 1;
    grid-row: 1 / 4;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 8px;
    border: 1px solid currentColor;
    background: rgba(255,255,255,.035);
    box-shadow: 0 0 20px color-mix(in srgb, currentColor 18%, transparent);
}

.kpi-grid-expanded .kpi-card > span[b-f8p5em14a3],
.kpi-grid-expanded .kpi-card > strong[b-f8p5em14a3],
.kpi-grid-expanded .kpi-card > small[b-f8p5em14a3] {
    grid-column: 2;
    position: relative;
    z-index: 1;
}

.kpi-grid-expanded .kpi-card > span[b-f8p5em14a3] {
    align-self: end;
    font-size: .69rem;
    line-height: 1.25;
}

.kpi-grid-expanded .kpi-card > strong[b-f8p5em14a3] {
    margin-top: .12rem;
    font-size: 1.45rem;
    line-height: 1.1;
}

.kpi-grid-expanded .kpi-card > small[b-f8p5em14a3] {
    align-self: start;
    margin-top: .22rem;
    font-size: .64rem;
    line-height: 1.35;
}

@media (max-width: 850px) {
    .kpi-grid-expanded .kpi-card[b-f8p5em14a3] {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .kpi-grid-expanded .kpi-illustration[b-f8p5em14a3] {
        width: 42px;
        height: 42px;
        padding: 7px;
    }
}


/* ================================================================
   V4 visual: paleta multicolor y señales individuales por partido
   ================================================================ */
.brand-ball[b-f8p5em14a3] {
    color: #dff5ff;
    border-color: rgba(45, 140, 255, .7);
    background: linear-gradient(145deg, rgba(45, 140, 255, .18), rgba(170, 99, 255, .16));
    box-shadow: 0 0 24px rgba(45, 140, 255, .2);
}

.filter-strip select:focus[b-f8p5em14a3] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(45, 140, 255, .12);
}

.refresh-button[b-f8p5em14a3] {
    color: #eef9ff;
    background: linear-gradient(135deg, #2d8cff, #7f63ff);
    box-shadow: 0 8px 22px rgba(45, 140, 255, .2);
}

.dashboard-tab.active[b-f8p5em14a3] {
    color: #f6fbff;
    border-color: rgba(118, 139, 255, .58);
    background: linear-gradient(135deg, #2d8cff, #8d63ee);
    box-shadow: 0 0 18px rgba(75, 119, 255, .24);
}

.trend-panel .panel-kicker[b-f8p5em14a3] { color: var(--blue); }
.result-panel .panel-kicker[b-f8p5em14a3] { color: var(--yellow); }
.markets-panel .panel-kicker[b-f8p5em14a3] { color: var(--cyan); }
.teams-panel .panel-kicker[b-f8p5em14a3] { color: var(--purple); }
.home-away-panel .panel-kicker[b-f8p5em14a3] { color: #20d7c5; }
.upcoming-panel .panel-kicker[b-f8p5em14a3] { color: #ff9f55; }
.leaders-panel .panel-kicker[b-f8p5em14a3] { color: #ff7185; }

.trend-panel[b-f8p5em14a3] { border-top-color: rgba(45, 140, 255, .42); }
.result-panel[b-f8p5em14a3] { border-top-color: rgba(244, 188, 61, .42); }
.markets-panel[b-f8p5em14a3] { border-top-color: rgba(21, 191, 232, .42); }
.teams-panel[b-f8p5em14a3] { border-top-color: rgba(170, 99, 255, .42); }
.home-away-panel[b-f8p5em14a3] { border-top-color: rgba(32, 215, 197, .42); }
.upcoming-panel[b-f8p5em14a3] { border-top-color: rgba(255, 159, 85, .42); }
.leaders-panel[b-f8p5em14a3] { border-top-color: rgba(255, 113, 133, .42); }

.market-row:nth-child(6n + 1) .market-name > span[b-f8p5em14a3] { color: var(--cyan); background: rgba(21, 191, 232, .09); }
.market-row:nth-child(6n + 2) .market-name > span[b-f8p5em14a3] { color: var(--blue); background: rgba(45, 140, 255, .09); }
.market-row:nth-child(6n + 3) .market-name > span[b-f8p5em14a3] { color: var(--yellow); background: rgba(244, 188, 61, .09); }
.market-row:nth-child(6n + 4) .market-name > span[b-f8p5em14a3] { color: var(--purple); background: rgba(170, 99, 255, .09); }
.market-row:nth-child(6n + 5) .market-name > span[b-f8p5em14a3] { color: #20d7c5; background: rgba(32, 215, 197, .09); }
.market-row:nth-child(6n + 6) .market-name > span[b-f8p5em14a3] { color: var(--red); background: rgba(255, 79, 98, .09); }
.market-row:nth-child(6n + 1) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #15bfe8, #65ddff); box-shadow: 0 0 10px rgba(21,191,232,.3); }
.market-row:nth-child(6n + 2) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #2d8cff, #72b5ff); box-shadow: 0 0 10px rgba(45,140,255,.3); }
.market-row:nth-child(6n + 3) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #e6a92b, #ffd46d); box-shadow: 0 0 10px rgba(244,188,61,.3); }
.market-row:nth-child(6n + 4) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #8d55df, #bd8cff); box-shadow: 0 0 10px rgba(170,99,255,.3); }
.market-row:nth-child(6n + 5) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #16bdae, #55eadc); box-shadow: 0 0 10px rgba(32,215,197,.3); }
.market-row:nth-child(6n + 6) .bar-track span[b-f8p5em14a3] { background: linear-gradient(90deg, #e9485d, #ff8290); box-shadow: 0 0 10px rgba(255,79,98,.3); }

.position-pill[b-f8p5em14a3] {
    color: #8fc5ff;
    background: rgba(45, 140, 255, .09);
}

.rank-number[b-f8p5em14a3] { color: #aa8cff; }

.upcoming-count-ribbon[b-f8p5em14a3] {
    border-color: rgba(255, 159, 85, .2);
    background: rgba(255, 159, 85, .055);
}

.upcoming-count-ribbon strong[b-f8p5em14a3] {
    color: #ffc28d;
    background: rgba(255, 159, 85, .12);
}

.upcoming-row[b-f8p5em14a3] {
    grid-template-columns: 82px minmax(215px, .7fr) minmax(390px, 1.6fr);
    gap: .7rem;
    padding: .62rem .7rem;
    border-color: rgba(109, 166, 207, .14);
    background: linear-gradient(105deg, rgba(7, 23, 38, .78), rgba(11, 30, 49, .58));
}

.date-box strong[b-f8p5em14a3] { color: #ffb26f; }

.upcoming-teams[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .12rem;
    min-width: 0;
}

.match-pair[b-f8p5em14a3] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .3rem;
    min-width: 0;
}

.match-pair strong[b-f8p5em14a3] {
    overflow: hidden;
    max-width: 46%;
    color: #e7f3fb;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
}

.match-pair span[b-f8p5em14a3] {
    flex: 0 0 auto;
    color: #718fa4;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.upcoming-teams small[b-f8p5em14a3] {
    color: #7895a9;
    font-size: .59rem;
}

.match-signals[b-f8p5em14a3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: .26rem;
    min-width: 0;
}

.signal-chip[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 26px;
    padding: .22rem .3rem .22rem .48rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.signal-name[b-f8p5em14a3] {
    display: inline-block;
}

.signal-score[b-f8p5em14a3] {
    display: inline-grid;
    place-items: center;
    min-width: 37px;
    min-height: 19px;
    padding: 0 .28rem;
    color: #f5fbff;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(2, 12, 23, .34);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.match-signals .signal-chip:not(.signal-neutral):first-child[b-f8p5em14a3] {
    transform: translateY(-1px);
    border-width: 1.5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 5px 16px rgba(0, 0, 0, .2);
}

.match-signals .signal-chip:not(.signal-neutral):first-child[b-f8p5em14a3]::before {
    content: "★";
    color: #ffd875;
    font-size: .55rem;
}

.signal-blue[b-f8p5em14a3] { color: #9ccaff; border-color: rgba(45, 140, 255, .34); background: rgba(45, 140, 255, .1); }
.signal-cyan[b-f8p5em14a3] { color: #82e6ff; border-color: rgba(21, 191, 232, .34); background: rgba(21, 191, 232, .1); }
.signal-purple[b-f8p5em14a3] { color: #d0a9ff; border-color: rgba(170, 99, 255, .36); background: rgba(170, 99, 255, .1); }
.signal-yellow[b-f8p5em14a3] { color: #ffda7a; border-color: rgba(244, 188, 61, .36); background: rgba(244, 188, 61, .1); }
.signal-indigo[b-f8p5em14a3] { color: #abb4ff; border-color: rgba(127, 140, 255, .36); background: rgba(127, 140, 255, .1); }
.signal-teal[b-f8p5em14a3] { color: #7cf0e4; border-color: rgba(32, 215, 197, .34); background: rgba(32, 215, 197, .1); }
.signal-neutral[b-f8p5em14a3] { color: #9bb1c0; border-color: rgba(139, 169, 189, .2); background: rgba(139, 169, 189, .06); }

.upcoming-note[b-f8p5em14a3] {
    padding-left: .15rem;
    color: #7895a9;
}

@media (max-width: 1180px) {
    .upcoming-row[b-f8p5em14a3] {
        grid-template-columns: 76px minmax(205px, .78fr) minmax(310px, 1.35fr);
    }
}

@media (max-width: 760px) {
    .upcoming-row[b-f8p5em14a3] {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .match-signals[b-f8p5em14a3] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 0;
    }

    .match-pair strong[b-f8p5em14a3] {
        max-width: calc(50% - 18px);
    }
}

/* ================================================================
   Colores por posición en rankings Top 5
   1 = dorado | 2-3 = azul | 4-5 = morado
   ================================================================ */
.market-rank.rank-position-1[b-f8p5em14a3] {
    color: #2b1b00;
    border: 1px solid rgba(255, 216, 106, .75);
    background: linear-gradient(135deg, #ffd45f, #f2a928);
    box-shadow: 0 0 14px rgba(244, 188, 61, .34);
}

.market-rank.rank-position-2[b-f8p5em14a3],
.market-rank.rank-position-3[b-f8p5em14a3] {
    color: #061b31;
    border: 1px solid rgba(130, 196, 255, .65);
    background: linear-gradient(135deg, #8dccff, #4f9be8);
    box-shadow: 0 0 12px rgba(45, 140, 255, .24);
}

.market-rank.rank-position-4[b-f8p5em14a3],
.market-rank.rank-position-5[b-f8p5em14a3] {
    color: #180929;
    border: 1px solid rgba(202, 157, 255, .62);
    background: linear-gradient(135deg, #c596ff, #9254db);
    box-shadow: 0 0 12px rgba(170, 99, 255, .22);
}



/* ================================================================
   V8: periodos, comparativos, calidad de muestra y marcador esperado
   ================================================================ */
.filter-context-disabled[b-f8p5em14a3] {
    opacity: .52;
}

.filter-context-disabled select[b-f8p5em14a3] {
    cursor: not-allowed;
}

.analysis-scope[b-f8p5em14a3] {
    display: block;
    margin-top: .18rem;
    color: #8fc5ff;
    font-size: .58rem;
    font-style: normal;
    font-weight: 650;
}

.kpi-trend[b-f8p5em14a3] {
    display: block;
    width: fit-content;
    margin-top: .22rem;
    padding: .16rem .38rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .56rem;
    font-style: normal;
    font-weight: 750;
    white-space: nowrap;
}

.kpi-trend.trend-up[b-f8p5em14a3] {
    color: #85d7ff;
    border-color: rgba(45, 140, 255, .32);
    background: rgba(45, 140, 255, .09);
}

.kpi-trend.trend-down[b-f8p5em14a3] {
    color: #ffb77d;
    border-color: rgba(255, 159, 85, .34);
    background: rgba(255, 159, 85, .09);
}

.kpi-trend.trend-neutral[b-f8p5em14a3] {
    color: #91aabd;
    border-color: rgba(145, 170, 189, .2);
    background: rgba(145, 170, 189, .06);
}

.league-average-note[b-f8p5em14a3] {
    margin: -.25rem 0 .72rem;
    padding: .45rem .58rem;
    color: #91adbf;
    border-left: 3px solid rgba(170, 99, 255, .55);
    border-radius: 0 8px 8px 0;
    background: rgba(170, 99, 255, .055);
    font-size: .62rem;
}

.metric-with-delta[b-f8p5em14a3] {
    min-width: 78px;
}

.metric-with-delta > span[b-f8p5em14a3],
.metric-with-delta > small[b-f8p5em14a3] {
    display: block;
}

.metric-with-delta > small[b-f8p5em14a3] {
    margin-top: .12rem;
    font-size: .54rem;
    font-weight: 700;
}

.league-delta.positive[b-f8p5em14a3] { color: #72baff; }
.league-delta.negative[b-f8p5em14a3] { color: #ffad71; }
.league-delta.neutral[b-f8p5em14a3] { color: #718da1; }

.upcoming-teams small[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem;
}

.expected-score[b-f8p5em14a3] {
    padding: .14rem .35rem;
    color: #ffd48a;
    border: 1px solid rgba(244, 188, 61, .26);
    border-radius: 999px;
    background: rgba(244, 188, 61, .075);
    font-size: .55rem;
    font-weight: 750;
}

.sample-grade[b-f8p5em14a3],
.ranking-sample[b-f8p5em14a3] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    font-size: .5rem;
    font-weight: 850;
    line-height: 1;
}

.sample-strong[b-f8p5em14a3] {
    color: #dff3ff;
    border-color: rgba(83, 172, 255, .72);
    background: linear-gradient(135deg, #2d8cff, #5878e8);
    box-shadow: 0 0 9px rgba(45, 140, 255, .22);
}

.sample-medium[b-f8p5em14a3] {
    color: #2b1a00;
    border-color: rgba(255, 211, 100, .72);
    background: linear-gradient(135deg, #ffd363, #eba72c);
}

.sample-low[b-f8p5em14a3] {
    color: #f7edff;
    border-color: rgba(200, 151, 255, .68);
    background: linear-gradient(135deg, #a963f0, #7146c5);
}

.market-top-row[b-f8p5em14a3] {
    grid-template-columns: 24px minmax(0, 1fr) 20px auto;
}

.ranking-sample[b-f8p5em14a3] {
    width: 17px;
    height: 17px;
    font-size: .48rem;
}

@media (max-width: 1180px) {
    .filter-strip[b-f8p5em14a3] {
        grid-template-columns: repeat(3, 1fr);
    }

    .refresh-button[b-f8p5em14a3] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .filter-strip[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .metric-with-delta[b-f8p5em14a3] {
        min-width: 70px;
    }
}

/* Escudos locales integrados */
.team-logo-img[b-f8p5em14a3] {
    object-fit: contain;
    padding: 3px;
    background: rgba(255,255,255,.96);
}
.match-pair-logos[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr);
    align-items: center;
    gap: .55rem;
}
.upcoming-team[b-f8p5em14a3] { display:flex; align-items:center; gap:.45rem; min-width:0; }
.upcoming-team-local[b-f8p5em14a3] { justify-content:flex-end; text-align:right; }
.upcoming-team-logo[b-f8p5em14a3], .ranking-team-logo[b-f8p5em14a3] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    object-fit: contain;
    padding: 3px;
    border-radius: 8px;
    border: 1px solid rgba(94,174,220,.22);
    background: rgba(255,255,255,.96);
}
.market-team-with-logo[b-f8p5em14a3], .rank-team-with-logo[b-f8p5em14a3] { display:flex; align-items:center; gap:.45rem; min-width:0; }
.market-team-with-logo > span[b-f8p5em14a3], .rank-team-with-logo > span[b-f8p5em14a3] { overflow:hidden; text-overflow:ellipsis; }
@media (max-width: 720px) {
    .match-pair-logos[b-f8p5em14a3] { grid-template-columns:1fr; }
    .upcoming-team-local[b-f8p5em14a3] { justify-content:flex-start; text-align:left; flex-direction:row-reverse; }
    .match-pair-logos > span[b-f8p5em14a3] { display:none; }
}


/* ================================================================
   Próximos partidos: picks Finales oficiales
   ================================================================ */

.upcoming-row[b-f8p5em14a3] {
    grid-template-columns: 78px minmax(245px, .95fr) minmax(430px, 1.65fr);
    align-items: stretch;
}

.official-picks-block[b-f8p5em14a3] {
    display: grid;
    gap: .45rem;
    min-width: 0;
    padding-left: .75rem;
    border-left: 1px solid rgba(105, 163, 200, .14);
}

.official-picks-title[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .55rem;
}

.official-picks-title > span[b-f8p5em14a3] {
    color: #7ee32d;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
}

.official-picks-title > small[b-f8p5em14a3] {
    color: #8da6b8;
    font-size: .58rem;
}

.official-picks-list[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: .45rem;
}

.official-pick-card[b-f8p5em14a3] {
    display: grid;
    gap: .5rem;
    min-width: 0;
    padding: .6rem .65rem;
    border: 1px solid rgba(87, 182, 133, .23);
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        rgba(11, 35, 48, .94),
        rgba(7, 24, 39, .92)
    );
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.official-pick-head[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .45rem;
}

.official-pick-head strong[b-f8p5em14a3] {
    color: #f4fbff;
    font-size: .76rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.official-final-badge[b-f8p5em14a3] {
    flex: 0 0 auto;
    padding: .18rem .35rem;
    border-radius: 999px;
    color: #d8ffd8;
    background: rgba(48, 150, 69, .28);
    border: 1px solid rgba(88, 220, 106, .2);
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .045em;
}

.official-pick-metrics[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .28rem;
}

.official-pick-metrics > div[b-f8p5em14a3] {
    min-width: 0;
    padding: .32rem .35rem;
    border-radius: 7px;
    background: rgba(255, 255, 255, .025);
}

.official-pick-metrics span[b-f8p5em14a3],
.official-pick-metrics strong[b-f8p5em14a3] {
    display: block;
}

.official-pick-metrics span[b-f8p5em14a3] {
    color: #8ea6b7;
    font-size: .48rem;
    line-height: 1.15;
}

.official-pick-metrics strong[b-f8p5em14a3] {
    margin-top: .14rem;
    color: #7ee32d;
    font-size: .69rem;
    line-height: 1.2;
}

.official-pick-empty[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 62px;
    padding: .6rem .7rem;
    color: #8da6b8;
    border: 1px dashed rgba(118, 156, 181, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
}

.official-pick-empty-icon[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    color: #9cb3c3;
    border: 1px solid rgba(156, 179, 195, .25);
}

.official-pick-empty strong[b-f8p5em14a3],
.official-pick-empty small[b-f8p5em14a3] {
    display: block;
}

.official-pick-empty strong[b-f8p5em14a3] {
    color: #c8d9e5;
    font-size: .7rem;
}

.official-pick-empty small[b-f8p5em14a3] {
    margin-top: .12rem;
    font-size: .57rem;
}

@media (max-width: 1180px) {
    .upcoming-row[b-f8p5em14a3] {
        grid-template-columns: 72px minmax(220px, .9fr) minmax(360px, 1.5fr);
    }

    .official-pick-metrics[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .upcoming-row[b-f8p5em14a3] {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .official-picks-block[b-f8p5em14a3] {
        grid-column: 1 / -1;
        padding-top: .55rem;
        padding-left: 0;
        border-top: 1px solid rgba(105, 163, 200, .14);
        border-left: 0;
    }

    .official-picks-list[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .official-pick-metrics[b-f8p5em14a3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {
    .official-pick-metrics[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   Próximos partidos — distribución vertical sin scroll horizontal
   ================================================================ */

.upcoming-list[b-f8p5em14a3] {
    display: grid;
    gap: .78rem;
    max-width: 100%;
    overflow: visible;
}

.upcoming-match-card[b-f8p5em14a3] {
    display: grid;
    gap: .78rem;
    width: 100%;
    max-width: 100%;
    padding: .82rem;
    border: 1px solid rgba(93, 153, 190, .20);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(8, 29, 45, .97), rgba(5, 22, 36, .97));
    box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
    overflow: hidden;
}

.upcoming-match-header[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr) 145px;
    align-items: center;
    gap: .9rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(105, 163, 198, .13);
}

.upcoming-date-block[b-f8p5em14a3] {
    display: grid;
    gap: .12rem;
}

.upcoming-date-block strong[b-f8p5em14a3] {
    color: #ffb34b;
    font-size: .75rem;
    text-transform: uppercase;
}

.upcoming-date-block span[b-f8p5em14a3] {
    color: #e3f1f8;
    font-size: .8rem;
    font-weight: 750;
}

.upcoming-date-block small[b-f8p5em14a3] {
    color: #7892a5;
    font-size: .57rem;
}

.upcoming-teams-block[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.upcoming-team[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .58rem;
    min-width: 0;
}

.upcoming-team-local[b-f8p5em14a3] {
    justify-content: flex-end;
    text-align: right;
}

.upcoming-team-visitante[b-f8p5em14a3] {
    justify-content: flex-start;
    text-align: left;
}

.upcoming-team strong[b-f8p5em14a3] {
    color: #f4fbff;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.upcoming-vs[b-f8p5em14a3] {
    color: #849caf;
    text-align: center;
    font-size: .65rem;
    font-weight: 900;
}

.upcoming-score-block[b-f8p5em14a3] {
    display: grid;
    justify-items: end;
    gap: .16rem;
    text-align: right;
}

.upcoming-score-block span[b-f8p5em14a3] {
    color: #8ca5b6;
    font-size: .52rem;
    text-transform: uppercase;
}

.upcoming-score-block strong[b-f8p5em14a3] {
    padding: .25rem .45rem;
    color: #ffd06d;
    border: 1px solid rgba(255, 194, 59, .28);
    border-radius: 7px;
    background: rgba(255, 188, 47, .06);
    font-size: .7rem;
}

/* Estadísticas de contexto debajo de cada partido */
.match-context-stats-admin[b-f8p5em14a3] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
    align-items: stretch;
    gap: .65rem;
    margin-top: .08rem;
}

.team-context-stats-admin[b-f8p5em14a3] {
    display: grid;
    gap: .36rem;
    min-width: 0;
    padding: .5rem .58rem;
    border: 1px solid rgba(93, 153, 190, .16);
    border-radius: 9px;
    background: rgba(4, 21, 34, .58);
}

.team-context-local-admin[b-f8p5em14a3] {
    border-left: 2px solid rgba(67, 159, 226, .72);
}

.team-context-visitante-admin[b-f8p5em14a3] {
    border-right: 2px solid rgba(126, 227, 45, .62);
}

.team-context-heading-admin[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .48rem;
    min-width: 0;
}

.team-context-local-admin .team-context-heading-admin[b-f8p5em14a3] {
    justify-content: flex-end;
    text-align: right;
}

.team-context-visitante-admin .team-context-heading-admin[b-f8p5em14a3] {
    justify-content: flex-start;
    text-align: left;
}

.team-context-heading-admin > span[b-f8p5em14a3] {
    flex: 0 0 auto;
    padding: .14rem .34rem;
    color: #83bfe5;
    border: 1px solid rgba(95, 174, 223, .20);
    border-radius: 999px;
    background: rgba(42, 111, 153, .08);
    font-size: .49rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.team-context-visitante-admin .team-context-heading-admin > span[b-f8p5em14a3] {
    color: #9be760;
    border-color: rgba(126, 227, 45, .20);
    background: rgba(126, 227, 45, .06);
}

.team-context-heading-admin > strong[b-f8p5em14a3] {
    min-width: 0;
    overflow: hidden;
    color: #e4eff5;
    font-size: .74rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-context-metrics-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(8, minmax(42px, 1fr));
    gap: .34rem;
}

.team-context-metrics-admin > span[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    gap: .14rem;
    min-width: 0;
    min-height: 58px;
    padding: .50rem .28rem;
    border: 1px solid rgba(110, 160, 193, .18);
    border-radius: 8px;
    background: rgba(11, 36, 53, .68);
    text-align: center;
}

.team-context-metrics-admin small[b-f8p5em14a3] {
    color: #a9c0cf;
    font-size: .72rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .05em;
}

.team-context-metrics-admin b[b-f8p5em14a3] {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.05;
}

.team-context-points-admin[b-f8p5em14a3] {
    border-color: rgba(126, 227, 45, .18) !important;
    background: rgba(126, 227, 45, .065) !important;
}

.team-context-points-admin small[b-f8p5em14a3],
.team-context-points-admin b[b-f8p5em14a3] {
    color: #9be760;
}

.team-context-diff-positive-admin b[b-f8p5em14a3] { color: #77df9a; }
.team-context-diff-negative-admin b[b-f8p5em14a3] { color: #ff8b94; }
.team-context-diff-neutral-admin b[b-f8p5em14a3] { color: #c9d7df; }

.match-context-vs-admin[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    color: #68869a;
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.official-picks-section[b-f8p5em14a3] {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.official-picks-section-head[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
}

.official-picks-section-head > span[b-f8p5em14a3] {
    color: #7ee32d;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
}

.official-picks-section-head > small[b-f8p5em14a3] {
    color: #8da6b8;
    font-size: .57rem;
}

.official-picks-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    width: 100%;
    max-width: 100%;
}

.official-pick-card[b-f8p5em14a3] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid rgba(77, 181, 126, .22);
    border-radius: 10px;
    background: rgba(7, 25, 39, .88);
}

.official-pick-head[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .55rem;
    padding-bottom: .36rem;
    border-bottom: 1px solid rgba(110, 160, 193, .11);
}

.official-pick-head strong[b-f8p5em14a3] {
    color: #f3fbff;
    font-size: .77rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.official-pick-metric-row[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.official-pick-metric-row span[b-f8p5em14a3] {
    color: #91a9ba;
    font-size: .56rem;
}

.official-pick-metric-row strong[b-f8p5em14a3] {
    color: #7ee32d;
    font-size: .7rem;
    flex: 0 0 auto;
}

.upcoming-panel[b-f8p5em14a3],
.upcoming-list[b-f8p5em14a3],
.upcoming-match-card[b-f8p5em14a3],
.official-picks-section[b-f8p5em14a3],
.official-picks-grid[b-f8p5em14a3] {
    max-width: 100%;
}

.upcoming-panel[b-f8p5em14a3] {
    overflow-x: hidden;
}

@media (max-width: 1000px) {
    .upcoming-match-header[b-f8p5em14a3] {
        grid-template-columns: 95px minmax(0, 1fr);
    }

    .upcoming-score-block[b-f8p5em14a3] {
        grid-column: 1 / -1;
        justify-items: start;
        text-align: left;
    }
}

@media (max-width: 760px) {
    .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .match-context-stats-admin[b-f8p5em14a3] {
        grid-template-columns: 1fr;
        gap: .42rem;
    }

    .match-context-vs-admin[b-f8p5em14a3] {
        display: none;
    }

    .team-context-local-admin[b-f8p5em14a3],
    .team-context-visitante-admin[b-f8p5em14a3] {
        border-left: 1px solid rgba(93, 153, 190, .16);
        border-right: 1px solid rgba(93, 153, 190, .16);
    }

    .team-context-local-admin .team-context-heading-admin[b-f8p5em14a3],
    .team-context-visitante-admin .team-context-heading-admin[b-f8p5em14a3] {
        justify-content: flex-start;
        text-align: left;
    }
}

@media (max-width: 620px) {
    .upcoming-match-header[b-f8p5em14a3] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .upcoming-date-block[b-f8p5em14a3] {
        grid-template-columns: auto auto auto;
        align-items: center;
        justify-content: start;
        gap: .5rem;
    }

    .upcoming-teams-block[b-f8p5em14a3] {
        grid-template-columns: 1fr;
        gap: .42rem;
    }

    .upcoming-team-local[b-f8p5em14a3],
    .upcoming-team-visitante[b-f8p5em14a3] {
        justify-content: flex-start;
        text-align: left;
    }

    .upcoming-vs[b-f8p5em14a3] {
        display: none;
    }

    .team-context-metrics-admin[b-f8p5em14a3] {
        grid-template-columns: repeat(4, minmax(54px, 1fr));
    }

    .official-pick-metric-row[b-f8p5em14a3] {
        align-items: flex-start;
        flex-direction: column;
        gap: .1rem;
    }
}


/* ================================================================
   Ajuste final: 3 picks por fila
   ================================================================ */

.official-picks-grid[b-f8p5em14a3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1120px) {
    .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* Ajuste final: tarjetas sin la métrica Confianza */
.official-pick-metric-row[b-f8p5em14a3] {
    padding: .08rem 0;
}

.official-pick-metric-row span[b-f8p5em14a3] {
    font-size: .58rem;
}

.official-pick-metric-row strong[b-f8p5em14a3] {
    font-size: .74rem;
}


/* ================================================================
   Corrección final:
   Calendario conserva los picks y alcanza la altura de Rankings
   ================================================================ */

.bottom-grid[b-f8p5em14a3] {
    align-items: stretch;
}

/* Ambos paneles comparten la misma altura de la fila del grid. */
.bottom-grid > .dashboard-panel[b-f8p5em14a3] {
    min-width: 0;
    align-self: stretch;
}

/* El panel de calendario se organiza verticalmente sin perder contenido. */
.upcoming-panel[b-f8p5em14a3] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* La cabecera y la nota permanecen visibles. */
.upcoming-panel .panel-title-row[b-f8p5em14a3],
.upcoming-panel .upcoming-count-ribbon[b-f8p5em14a3],
.upcoming-panel .upcoming-note[b-f8p5em14a3] {
    flex: 0 0 auto;
}

/*
   La lista ocupa todo el espacio restante del panel.
   Se elimina el límite anterior de 620px que recortaba los picks.
*/
.upcoming-panel .upcoming-list[b-f8p5em14a3] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .28rem;
}

/* Mantener tres picks por fila en escritorio. */
.official-picks-grid[b-f8p5em14a3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1120px) {
    .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bottom-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .upcoming-panel .upcoming-list[b-f8p5em14a3] {
        max-height: none;
        overflow-y: visible;
    }

    .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   Reorganización final del Dashboard Liga Cliente
   ================================================================ */

/* Estadísticas por equipo ocupa un renglón completo. */
.teams-full-row[b-f8p5em14a3] {
    display: block;
    width: 100%;
    margin-bottom: .85rem;
}

.teams-full-row > .teams-panel[b-f8p5em14a3] {
    width: 100%;
    max-width: 100%;
}

/* Calendario a la izquierda; Rankings y paneles auxiliares a la derecha. */
.bottom-grid-reorganized[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(560px, 1.08fr) minmax(520px, .92fr);
    gap: .85rem;
    align-items: stretch;
}

.rankings-side-column[b-f8p5em14a3] {
    display: grid;
    grid-template-rows: auto auto;
    gap: .85rem;
    min-width: 0;
}

/* Frecuencia y Contexto quedan debajo de Rankings por mercado. */
.rankings-secondary-panels[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    min-width: 0;
}

.rankings-secondary-panels > .dashboard-panel[b-f8p5em14a3] {
    min-width: 0;
    height: 100%;
}

/* El calendario mantiene sus picks y usa la altura disponible. */
.bottom-grid-reorganized > .upcoming-panel[b-f8p5em14a3] {
    min-width: 0;
    height: 100%;
}

/* La tabla de equipos conserva scroll horizontal propio cuando haga falta. */
.teams-full-row .complete-team-table[b-f8p5em14a3] {
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 1350px) {
    .bottom-grid-reorganized[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .rankings-secondary-panels[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bottom-grid-reorganized > .upcoming-panel[b-f8p5em14a3] {
        height: auto;
    }
}

@media (max-width: 850px) {
    .rankings-secondary-panels[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* =============================================================
   DASHBOARD LIGA ADMIN · CALENDARIO HISTÓRICO
   ============================================================= */

.admin-context-tag[b-f8p5em14a3] {
    color: #d8c8ff;
    border-color: rgba(170, 99, 255, .34);
    background: rgba(170, 99, 255, .1);
}

.admin-calendar-panel[b-f8p5em14a3] {
    min-height: 0;
    align-self: start;
}

.admin-calendar-title-row[b-f8p5em14a3] {
    align-items: flex-start;
}

.calendar-controls-admin[b-f8p5em14a3] {
    display: grid;
    justify-items: end;
    gap: .55rem;
    min-width: min(100%, 520px);
}

.calendar-tabs-admin[b-f8p5em14a3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .38rem;
}

.calendar-tab-admin[b-f8p5em14a3] {
    min-height: 34px;
    padding: .42rem .68rem;
    color: #9cb6c9;
    border: 1px solid rgba(116, 170, 210, .22);
    border-radius: 8px;
    background: rgba(6, 19, 33, .58);
    font-size: .66rem;
    font-weight: 800;
    cursor: pointer;
}

.calendar-tab-admin:hover[b-f8p5em14a3] {
    color: #ecf8ff;
    border-color: rgba(53, 218, 120, .45);
}

.calendar-tab-admin.active[b-f8p5em14a3] {
    color: #04140c;
    border-color: #4bea8c;
    background: linear-gradient(135deg, #4bea8c, #20be68);
    box-shadow: 0 0 18px rgba(53, 218, 120, .16);
}

.played-count-ribbon[b-f8p5em14a3] {
    border-color: rgba(45, 140, 255, .26);
    background: rgba(45, 140, 255, .07);
}

.played-legend-admin[b-f8p5em14a3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem .9rem;
    margin: .65rem 0;
    padding: .58rem .68rem;
    color: #9fb6c7;
    border: 1px solid rgba(116, 170, 210, .14);
    border-radius: 9px;
    background: rgba(6, 19, 33, .42);
    font-size: .62rem;
}

.played-legend-admin span[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.played-legend-admin strong[b-f8p5em14a3] {
    margin-left: auto;
    color: #d8b4fe;
}

.played-dot[b-f8p5em14a3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.played-dot.won[b-f8p5em14a3] { background: #35da78; }
.played-dot.lost[b-f8p5em14a3] { background: #ff4f62; }
.played-dot.void[b-f8p5em14a3] { background: #94a3b8; }
.played-dot.pending[b-f8p5em14a3] { background: #f4bc3d; }
.played-dot.missing[b-f8p5em14a3] { background: #15bfe8; }

.played-list-admin[b-f8p5em14a3] {
    display: grid;
    gap: .72rem;
}

.played-match-card-admin[b-f8p5em14a3] {
    overflow: hidden;
    border: 1px solid rgba(105, 163, 200, .14);
    border-radius: 12px;
    background: rgba(6, 19, 33, .5);
}

.played-match-header-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .72rem;
    border-bottom: 1px solid rgba(105, 163, 200, .12);
}

.played-teams-block-admin[b-f8p5em14a3] {
    grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
}

.played-score-admin[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    min-width: 74px;
    padding: .36rem .6rem;
    border: 1px solid rgba(244, 188, 61, .3);
    border-radius: 9px;
    background: rgba(244, 188, 61, .08);
}

.played-score-admin span[b-f8p5em14a3] {
    color: #d7a934;
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.played-score-admin strong[b-f8p5em14a3] {
    color: #fff3c4;
    font-size: 1rem;
}

.played-picks-section-admin[b-f8p5em14a3] {
    padding-top: .7rem;
}

.played-picks-grid-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .58rem;
    margin-top: .55rem;
}

.played-pick-card-admin[b-f8p5em14a3] {
    display: grid;
    align-content: start;
    gap: .42rem;
    min-width: 0;
    padding: .68rem;
    border: 1px solid;
    border-radius: 10px;
}

.played-pick-won-admin[b-f8p5em14a3] {
    color: #d9ffe7;
    border-color: rgba(53, 218, 120, .52);
    background: linear-gradient(145deg, rgba(24, 126, 70, .42), rgba(18, 91, 53, .3));
}

.played-pick-lost-admin[b-f8p5em14a3] {
    color: #ffe1e5;
    border-color: rgba(255, 79, 98, .55);
    background: linear-gradient(145deg, rgba(148, 37, 54, .48), rgba(102, 29, 42, .32));
}

.played-pick-void-admin[b-f8p5em14a3] {
    color: #e7edf2;
    border-color: rgba(148, 163, 184, .42);
    background: rgba(100, 116, 139, .22);
}

.played-pick-pending-admin[b-f8p5em14a3] {
    color: #fff4bf;
    border-color: rgba(244, 188, 61, .5);
    background: rgba(161, 112, 24, .25);
}

.played-pick-missing-admin[b-f8p5em14a3] {
    color: #d7f7ff;
    border-color: rgba(21, 191, 232, .45);
    background: rgba(13, 118, 149, .2);
}

.played-pick-head-admin[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .55rem;
}

.played-pick-head-admin > div[b-f8p5em14a3] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.played-pick-head-admin > div > span[b-f8p5em14a3] {
    color: rgba(230, 244, 252, .68);
    font-size: .54rem;
    font-weight: 900;
}

.played-pick-head-admin > div > strong[b-f8p5em14a3] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .73rem;
}

.played-result-badge-admin[b-f8p5em14a3] {
    flex: 0 0 auto;
    padding: .22rem .42rem;
    color: inherit;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(6, 19, 33, .35);
    font-size: .56rem;
    font-weight: 900;
}

.played-compare-admin[b-f8p5em14a3] {
    display: grid;
    gap: .18rem;
    padding-top: .4rem;
    border-top: 1px solid rgba(230, 244, 252, .12);
    font-size: .58rem;
}

.played-compare-admin span[b-f8p5em14a3] {
    display: flex;
    justify-content: space-between;
    gap: .4rem;
    color: rgba(230, 244, 252, .72);
}

.played-compare-admin strong[b-f8p5em14a3] {
    color: inherit;
}

.played-warning-admin[b-f8p5em14a3] {
    padding: .3rem .42rem;
    color: #ead5ff;
    border: 1px solid rgba(170, 99, 255, .3);
    border-radius: 7px;
    background: rgba(170, 99, 255, .13);
    font-size: .57rem;
    font-weight: 900;
    text-align: center;
}

.played-lot-admin[b-f8p5em14a3] {
    color: rgba(202, 222, 235, .58);
    font-size: .52rem;
    line-height: 1.3;
}

.admin-readonly-note[b-f8p5em14a3] {
    padding-top: .55rem;
    border-top: 1px solid rgba(105, 163, 200, .12);
}

@media (max-width: 1180px) {
    .played-picks-grid-admin[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .admin-calendar-title-row[b-f8p5em14a3],
    .calendar-controls-admin[b-f8p5em14a3] {
        width: 100%;
    }

    .calendar-controls-admin[b-f8p5em14a3] {
        justify-items: stretch;
    }

    .calendar-tabs-admin[b-f8p5em14a3] {
        justify-content: stretch;
    }

    .calendar-tab-admin[b-f8p5em14a3] {
        flex: 1 1 150px;
    }

    .played-match-header-admin[b-f8p5em14a3],
    .played-teams-block-admin[b-f8p5em14a3],
    .played-picks-grid-admin[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }

    .played-score-admin[b-f8p5em14a3] {
        width: 100%;
    }

    .played-legend-admin strong[b-f8p5em14a3] {
        width: 100%;
        margin-left: 0;
    }
}

/* Evita que el calendario administrativo se estire hasta igualar la altura
   completa de la columna de rankings, que era la causa del espacio vacío. */
.bottom-grid-reorganized > .admin-calendar-panel[b-f8p5em14a3] {
    height: auto;
    align-self: start;
}


/* Fuente histórica del pick: operación diaria o simulación guardada. */
.played-source-admin[b-f8p5em14a3] {
    display: block;
    width: fit-content;
    margin-top: .22rem;
    padding: .16rem .38rem;
    border: 1px solid rgba(125, 211, 252, .28);
    border-radius: 999px;
    color: #bae6fd;
    background: rgba(14, 116, 144, .16);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}


/* Cuando el PartidoId histórico cambió después de reimportar el calendario. */
.played-source-admin[b-f8p5em14a3] {
    max-width: 100%;
    white-space: normal;
}


.historical-diagnostic-admin[b-f8p5em14a3] {
    display: grid;
    gap: .2rem;
    margin: .65rem 0;
    padding: .65rem .8rem;
    border: 1px solid rgba(56, 189, 248, .32);
    border-radius: 10px;
    color: #c7ecff;
    background: rgba(14, 116, 144, .12);
    font-size: .68rem;
}

.historical-diagnostic-admin strong[b-f8p5em14a3] {
    color: #67e8f9;
    font-size: .62rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.historical-diagnostic-admin span[b-f8p5em14a3] {
    color: #d7efff;
}


/* =========================================================
   DASHBOARD LIGA ADMIN · RENDIMIENTO POR MERCADO
   ========================================================= */
.performance-filter-strip-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(5, minmax(145px, 1fr));
    gap: .65rem;
    margin-bottom: .8rem;
    padding: .72rem;
    border: 1px solid rgba(105, 171, 220, .18);
    border-radius: 12px;
    background: rgba(5, 18, 31, .52);
}

.performance-filter-strip-admin label[b-f8p5em14a3] {
    display: grid;
    gap: .28rem;
}

.performance-filter-strip-admin label > span[b-f8p5em14a3] {
    color: #8ca5b9;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.performance-filter-strip-admin select[b-f8p5em14a3] {
    min-height: 38px;
    padding: .45rem .58rem;
    border: 1px solid rgba(116, 170, 210, .24);
    border-radius: 8px;
    color: #ecf8ff;
    background: #081827;
}

.performance-kpi-grid-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .62rem;
    margin-bottom: .75rem;
}

.performance-kpi-grid-admin article[b-f8p5em14a3] {
    display: grid;
    gap: .22rem;
    min-height: 100px;
    align-content: center;
    padding: .72rem;
    border: 1px solid rgba(105, 171, 220, .18);
    border-left: 4px solid #2d8cff;
    border-radius: 11px;
    background: rgba(7, 24, 39, .72);
}

.performance-kpi-grid-admin article > span[b-f8p5em14a3] {
    color: #8ca5b9;
    font-size: .6rem;
    font-weight: 800;
    text-transform: uppercase;
}

.performance-kpi-grid-admin article > strong[b-f8p5em14a3] {
    overflow: hidden;
    color: #ecf8ff;
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.performance-kpi-grid-admin article > small[b-f8p5em14a3] {
    color: #9fbbcd;
    font-size: .62rem;
}

.performance-kpi-grid-admin .performance-kpi-strong-admin[b-f8p5em14a3] {
    border-left-color: #35da78;
}

.performance-kpi-grid-admin .performance-kpi-weak-admin[b-f8p5em14a3] {
    border-left-color: #ff4f62;
}

.performance-criteria-admin[b-f8p5em14a3] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .85rem;
    margin-bottom: .72rem;
    padding: .55rem .7rem;
    border-radius: 9px;
    color: #9fbbcd;
    background: rgba(6, 19, 33, .45);
    font-size: .62rem;
}

.performance-criteria-admin span[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.criteria-dot[b-f8p5em14a3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.criteria-dot.strong[b-f8p5em14a3] { background: #35da78; }
.criteria-dot.stable[b-f8p5em14a3] { background: #2d8cff; }
.criteria-dot.review[b-f8p5em14a3] { background: #f4bc3d; }
.criteria-dot.weak[b-f8p5em14a3] { background: #ff4f62; }
.criteria-dot.sample[b-f8p5em14a3] { background: #94a3b8; }

.performance-table-wrap-admin[b-f8p5em14a3] {
    overflow-x: auto;
    border: 1px solid rgba(105, 171, 220, .15);
    border-radius: 11px;
}

.performance-table-admin[b-f8p5em14a3] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    font-size: .69rem;
}

.performance-table-admin th[b-f8p5em14a3] {
    padding: .62rem .5rem;
    color: #8eabc0;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid rgba(115, 166, 200, .18);
    background: rgba(4, 16, 28, .88);
    font-size: .59rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.performance-table-admin td[b-f8p5em14a3] {
    padding: .58rem .5rem;
    color: #d5e6f1;
    white-space: nowrap;
    border-bottom: 1px solid rgba(115, 166, 200, .09);
}

.performance-table-admin tbody tr:hover[b-f8p5em14a3] {
    background: rgba(45, 140, 255, .06);
}

.performance-position-admin[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 7px;
    color: #35da78;
    background: rgba(53, 218, 120, .08);
    font-weight: 900;
}

.performance-market-admin[b-f8p5em14a3] {
    display: grid;
    gap: .12rem;
    max-width: 220px;
}

.performance-market-admin span[b-f8p5em14a3] {
    color: #67e8f9;
    font-size: .56rem;
    font-weight: 900;
}

.performance-market-admin strong[b-f8p5em14a3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.performance-source-admin[b-f8p5em14a3],
.performance-trend-admin[b-f8p5em14a3],
.performance-signal-admin[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .24rem .44rem;
    border: 1px solid rgba(125, 211, 252, .22);
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 900;
}

.performance-source-admin[b-f8p5em14a3] {
    color: #bae6fd;
    background: rgba(14, 116, 144, .13);
}

.performance-win-number-admin[b-f8p5em14a3] { color: #6ee7a0 !important; font-weight: 900; }
.performance-loss-number-admin[b-f8p5em14a3] { color: #ff8290 !important; font-weight: 900; }

.performance-strong[b-f8p5em14a3] {
    color: #a7f3c2;
    border-color: rgba(53, 218, 120, .35);
    background: rgba(53, 218, 120, .11);
}
.performance-stable[b-f8p5em14a3] {
    color: #bfdbfe;
    border-color: rgba(45, 140, 255, .35);
    background: rgba(45, 140, 255, .11);
}
.performance-review[b-f8p5em14a3] {
    color: #fde68a;
    border-color: rgba(244, 188, 61, .35);
    background: rgba(244, 188, 61, .11);
}
.performance-weak[b-f8p5em14a3] {
    color: #fecdd3;
    border-color: rgba(255, 79, 98, .38);
    background: rgba(255, 79, 98, .11);
}
.performance-sample[b-f8p5em14a3] {
    color: #cbd5e1;
    border-color: rgba(148, 163, 184, .32);
    background: rgba(148, 163, 184, .1);
}

.performance-trend-up[b-f8p5em14a3] {
    color: #a7f3c2;
    border-color: rgba(53, 218, 120, .3);
    background: rgba(53, 218, 120, .08);
}
.performance-trend-down[b-f8p5em14a3] {
    color: #fecdd3;
    border-color: rgba(255, 79, 98, .32);
    background: rgba(255, 79, 98, .08);
}
.performance-trend-neutral[b-f8p5em14a3] {
    color: #c7d2fe;
    border-color: rgba(129, 140, 248, .28);
    background: rgba(129, 140, 248, .08);
}

@media (max-width: 1180px) {
    .performance-filter-strip-admin[b-f8p5em14a3] { grid-template-columns: repeat(3, minmax(145px, 1fr)); }
    .performance-kpi-grid-admin[b-f8p5em14a3] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .performance-filter-strip-admin[b-f8p5em14a3],
    .performance-kpi-grid-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
}


/* ================================================================
   GUÍA OPERATIVA COMPLETA · RENDIMIENTO POR MERCADO
   ================================================================ */
.insight-columns-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr);
    gap: .8rem;
    margin: .85rem 0;
}

.guide-panel-admin[b-f8p5em14a3],
.alerts-panel-admin[b-f8p5em14a3],
.next-round-guide-admin[b-f8p5em14a3],
.insight-details-admin[b-f8p5em14a3] {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(8, 15, 29, .9));
    box-shadow: 0 14px 34px rgba(2, 6, 23, .17);
}

.guide-panel-admin[b-f8p5em14a3],
.alerts-panel-admin[b-f8p5em14a3],
.next-round-guide-admin[b-f8p5em14a3] {
    padding: .85rem;
}

.insight-heading-admin[b-f8p5em14a3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .7rem;
}

.insight-heading-admin span[b-f8p5em14a3] {
    display: block;
    color: #67e8f9;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.insight-heading-admin h3[b-f8p5em14a3] {
    margin: .15rem 0 0;
    color: #f8fafc;
    font-size: .9rem;
}

.insight-heading-admin > small[b-f8p5em14a3],
.details-copy-admin[b-f8p5em14a3] {
    color: #94a3b8;
    font-size: .62rem;
    line-height: 1.45;
}

.guide-list-admin[b-f8p5em14a3],
.alerts-list-admin[b-f8p5em14a3] {
    display: grid;
    gap: .48rem;
}

.guide-item-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    padding: .62rem .7rem;
    border: 1px solid rgba(148, 163, 184, .15);
    border-left-width: 4px;
    border-radius: 10px;
    background: rgba(15, 23, 42, .72);
}

.guide-item-admin > div:first-child > span[b-f8p5em14a3],
.performance-market-admin > span[b-f8p5em14a3] {
    color: #7dd3fc;
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.guide-item-admin strong[b-f8p5em14a3] {
    display: block;
    margin-top: .08rem;
    color: #f8fafc;
    font-size: .72rem;
}

.guide-item-admin small[b-f8p5em14a3] {
    display: block;
    margin-top: .18rem;
    color: #94a3b8;
    font-size: .58rem;
    line-height: 1.35;
}

.guide-metrics-admin[b-f8p5em14a3] {
    display: grid;
    justify-items: end;
    gap: .18rem;
    text-align: right;
}

.guide-metrics-admin b[b-f8p5em14a3] {
    color: #f8fafc;
    font-size: .84rem;
}

.guide-metrics-admin span[b-f8p5em14a3] {
    color: #94a3b8;
    font-size: .54rem;
}

.guide-metrics-admin em[b-f8p5em14a3],
.guide-pill-admin[b-f8p5em14a3],
.confidence-pill-admin[b-f8p5em14a3],
.stability-pill-admin[b-f8p5em14a3],
.comparison-pill-admin[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .22rem .44rem;
    border-radius: 999px;
    font-size: .53rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.guide-final[b-f8p5em14a3] { border-left-color: #22c55e; }
.guide-final-review[b-f8p5em14a3] { border-left-color: #38bdf8; }
.guide-preliminary[b-f8p5em14a3] { border-left-color: #f59e0b; }
.guide-observe[b-f8p5em14a3] { border-left-color: #fb923c; }
.guide-pause[b-f8p5em14a3] { border-left-color: #ef4444; }
.guide-sample[b-f8p5em14a3] { border-left-color: #64748b; }

.guide-pill-admin.guide-final[b-f8p5em14a3],
.guide-metrics-admin .guide-final[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .14); }
.guide-pill-admin.guide-final-review[b-f8p5em14a3],
.guide-metrics-admin .guide-final-review[b-f8p5em14a3] { color: #bae6fd; background: rgba(14, 165, 233, .14); }
.guide-pill-admin.guide-preliminary[b-f8p5em14a3],
.guide-metrics-admin .guide-preliminary[b-f8p5em14a3] { color: #fde68a; background: rgba(245, 158, 11, .14); }
.guide-pill-admin.guide-observe[b-f8p5em14a3],
.guide-metrics-admin .guide-observe[b-f8p5em14a3] { color: #fed7aa; background: rgba(249, 115, 22, .14); }
.guide-pill-admin.guide-pause[b-f8p5em14a3],
.guide-metrics-admin .guide-pause[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .14); }
.guide-pill-admin.guide-sample[b-f8p5em14a3],
.guide-metrics-admin .guide-sample[b-f8p5em14a3] { color: #cbd5e1; background: rgba(100, 116, 139, .16); }

.performance-alert-admin[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    padding: .58rem;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 10px;
    background: rgba(15, 23, 42, .66);
}

.performance-alert-admin > span[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 9px;
    font-size: .8rem;
    font-weight: 900;
}

.performance-alert-admin strong[b-f8p5em14a3],
.performance-alert-admin small[b-f8p5em14a3] {
    display: block;
}

.performance-alert-admin strong[b-f8p5em14a3] { color: #f8fafc; font-size: .68rem; }
.performance-alert-admin small[b-f8p5em14a3] { margin-top: .12rem; color: #aab8ca; font-size: .57rem; line-height: 1.35; }
.alert-danger > span[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .18); }
.alert-warning > span[b-f8p5em14a3] { color: #fde68a; background: rgba(245, 158, 11, .18); }
.alert-success > span[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .18); }
.alert-info > span[b-f8p5em14a3] { color: #bae6fd; background: rgba(14, 165, 233, .18); }

.next-round-guide-admin[b-f8p5em14a3] { margin: .85rem 0; }
.next-round-grid-admin[b-f8p5em14a3] { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: .55rem; }
.next-round-grid-admin article[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem;
    padding: .62rem;
    border: 1px solid rgba(56, 189, 248, .16);
    border-radius: 11px;
    background: rgba(14, 116, 144, .08);
}
.next-round-grid-admin article > div:last-child[b-f8p5em14a3] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .3rem; }
.next-round-grid-admin strong[b-f8p5em14a3] { display: block; color: #f8fafc; font-size: .7rem; }
.next-round-grid-admin small[b-f8p5em14a3] { display: block; margin-top: .12rem; color: #94a3b8; font-size: .54rem; }
.next-round-position-admin[b-f8p5em14a3] { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #082f49; background: #67e8f9; font-size: .68rem; font-weight: 950; }

.confidence-very-high[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .16); }
.confidence-high[b-f8p5em14a3] { color: #a7f3d0; background: rgba(16, 185, 129, .14); }
.confidence-medium[b-f8p5em14a3] { color: #fde68a; background: rgba(245, 158, 11, .14); }
.confidence-low[b-f8p5em14a3] { color: #fed7aa; background: rgba(249, 115, 22, .14); }
.confidence-very-low[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .14); }
.confidence-none[b-f8p5em14a3] { color: #cbd5e1; background: rgba(100, 116, 139, .16); }

.performance-stability-high[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .14); }
.performance-stability-medium[b-f8p5em14a3] { color: #fde68a; background: rgba(245, 158, 11, .14); }
.performance-stability-low[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .14); }
.performance-stability-none[b-f8p5em14a3] { color: #cbd5e1; background: rgba(100, 116, 139, .15); }
.table-subtext-admin[b-f8p5em14a3] { display: block; margin-top: .15rem; color: #64748b; font-size: .48rem; }

.insight-details-admin[b-f8p5em14a3] { margin-top: .75rem; overflow: hidden; }
.insight-details-admin > summary[b-f8p5em14a3] {
    cursor: pointer;
    padding: .75rem .85rem;
    color: #e2e8f0;
    background: rgba(15, 23, 42, .72);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .02em;
}
.insight-details-admin[open] > summary[b-f8p5em14a3] { border-bottom: 1px solid rgba(148, 163, 184, .13); }
.details-copy-admin[b-f8p5em14a3] { padding: .65rem .85rem 0; }
.compact-analysis-table-admin[b-f8p5em14a3] { margin: .65rem .85rem .85rem; }
.comparison-up[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .14); }
.comparison-down[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .14); }
.comparison-stable[b-f8p5em14a3] { color: #bae6fd; background: rgba(14, 165, 233, .14); }
.comparison-none[b-f8p5em14a3] { color: #cbd5e1; background: rgba(100, 116, 139, .15); }

.context-summary-grid-admin[b-f8p5em14a3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; padding: .75rem .85rem 0; }
.context-summary-grid-admin article[b-f8p5em14a3] { padding: .68rem; border: 1px solid rgba(148, 163, 184, .14); border-radius: 10px; background: rgba(15, 23, 42, .62); }
.context-summary-grid-admin span[b-f8p5em14a3],
.context-summary-grid-admin small[b-f8p5em14a3] { display: block; color: #94a3b8; font-size: .56rem; }
.context-summary-grid-admin strong[b-f8p5em14a3] { display: block; margin: .15rem 0; color: #f8fafc; font-size: 1rem; }
.context-summary-grid-admin em[b-f8p5em14a3] { margin-top: .3rem; }
.context-level-grid-admin[b-f8p5em14a3] { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: .5rem; padding: .65rem .85rem .85rem; }
.context-level-grid-admin article[b-f8p5em14a3] { display: flex; justify-content: space-between; gap: .55rem; padding: .58rem; border: 1px solid rgba(148, 163, 184, .12); border-radius: 9px; background: rgba(15, 23, 42, .55); }
.context-level-grid-admin strong[b-f8p5em14a3],
.context-level-grid-admin small[b-f8p5em14a3],
.context-level-grid-admin b[b-f8p5em14a3],
.context-level-grid-admin span[b-f8p5em14a3] { display: block; }
.context-level-grid-admin strong[b-f8p5em14a3] { color: #e2e8f0; font-size: .62rem; }
.context-level-grid-admin small[b-f8p5em14a3] { margin-top: .12rem; color: #94a3b8; font-size: .52rem; }
.context-level-grid-admin b[b-f8p5em14a3] { color: #67e8f9; font-size: .72rem; text-align: right; }
.context-level-grid-admin span[b-f8p5em14a3] { color: #64748b; font-size: .5rem; text-align: right; }

.matrix-wrap-admin[b-f8p5em14a3] { overflow-x: auto; margin: .65rem .85rem .85rem; border: 1px solid rgba(148, 163, 184, .13); border-radius: 10px; }
.performance-matrix-admin[b-f8p5em14a3] { width: 100%; min-width: 980px; border-collapse: collapse; }
.performance-matrix-admin th[b-f8p5em14a3],
.performance-matrix-admin td[b-f8p5em14a3] { padding: .45rem; border-bottom: 1px solid rgba(148, 163, 184, .10); border-right: 1px solid rgba(148, 163, 184, .08); text-align: center; font-size: .55rem; }
.performance-matrix-admin th[b-f8p5em14a3] { color: #94a3b8; background: rgba(15, 23, 42, .88); font-weight: 900; }
.performance-matrix-admin td:first-child[b-f8p5em14a3] { min-width: 150px; text-align: left; background: rgba(15, 23, 42, .72); }
.performance-matrix-admin td:first-child span[b-f8p5em14a3],
.performance-matrix-admin td:first-child strong[b-f8p5em14a3] { display: block; }
.performance-matrix-admin td:first-child span[b-f8p5em14a3] { color: #7dd3fc; font-size: .5rem; font-weight: 900; }
.performance-matrix-admin td:first-child strong[b-f8p5em14a3] { margin-top: .08rem; color: #e2e8f0; font-size: .6rem; }
.matrix-good[b-f8p5em14a3] { color: #bbf7d0; background: rgba(34, 197, 94, .14); }
.matrix-medium[b-f8p5em14a3] { color: #fde68a; background: rgba(245, 158, 11, .13); }
.matrix-bad[b-f8p5em14a3] { color: #fecaca; background: rgba(239, 68, 68, .13); }
.matrix-void[b-f8p5em14a3] { color: #cbd5e1; background: rgba(100, 116, 139, .12); }
.matrix-empty[b-f8p5em14a3] { color: #475569; background: rgba(15, 23, 42, .34); }
.insight-empty-admin[b-f8p5em14a3] { padding: .75rem; color: #94a3b8; font-size: .62rem; text-align: center; }

@media (max-width: 1300px) {
    .next-round-grid-admin[b-f8p5em14a3] { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
    .context-level-grid-admin[b-f8p5em14a3] { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
}

@media (max-width: 900px) {
    .insight-columns-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .next-round-grid-admin[b-f8p5em14a3] { grid-template-columns: 1fr 1fr; }
    .context-summary-grid-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .context-level-grid-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .guide-item-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .guide-metrics-admin[b-f8p5em14a3] { justify-items: start; text-align: left; }
    .next-round-grid-admin[b-f8p5em14a3] { grid-template-columns: 1fr; }
}


/* Corrección visual de los encabezados J1, J2, J3... de la matriz. */
.performance-matrix-admin th.matrix-jornada-head-admin[b-f8p5em14a3] {
    min-width: 54px;
    padding-left: .55rem;
    padding-right: .55rem;
    color: #e2e8f0;
    font-size: .64rem;
    font-weight: 950;
    letter-spacing: .02em;
    white-space: nowrap;
    text-align: center;
}


/* =========================================================
   RENDIMIENTO POR MERCADO — NOMBRES COMPLETOS Y LEGIBLES
   ========================================================= */

/*
 * La tabla tiene muchas columnas. En vez de comprimir el mercado,
 * se amplía el ancho mínimo y se permite desplazamiento horizontal.
 */
.performance-table-admin[b-f8p5em14a3] {
    min-width: 1580px;
}

/* Primera columna fija: posición del ranking. */
.performance-table-admin .performance-rank-column-admin[b-f8p5em14a3] {
    position: sticky;
    left: 0;
    z-index: 4;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    background: #071827;
}

/* Segunda columna fija: código y nombre completo del mercado. */
.performance-table-admin .performance-market-column-admin[b-f8p5em14a3] {
    position: sticky;
    left: 44px;
    z-index: 3;
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    background: #071827;
    box-shadow: 8px 0 14px rgba(0, 0, 0, .18);
}

.performance-table-admin thead .performance-rank-column-admin[b-f8p5em14a3],
.performance-table-admin thead .performance-market-column-admin[b-f8p5em14a3] {
    z-index: 7;
    background: #061521;
}

/* El mercado puede ocupar dos líneas; ya no se corta con "...". */
.performance-market-admin[b-f8p5em14a3] {
    width: 100%;
    min-width: 0;
    max-width: none;
    gap: .16rem;
}

.performance-market-admin strong[b-f8p5em14a3] {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    color: #f1f5f9;
    font-size: .68rem;
    font-weight: 850;
    line-height: 1.28;
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.performance-market-admin span[b-f8p5em14a3] {
    font-size: .57rem;
}

/* Conserva fondo correcto al pasar el mouse sobre la fila. */
.performance-table-admin tbody tr:hover .performance-rank-column-admin[b-f8p5em14a3],
.performance-table-admin tbody tr:hover .performance-market-column-admin[b-f8p5em14a3] {
    background: #0a2032;
}

/* En pantallas pequeñas se conserva el nombre legible. */
@media (max-width: 900px) {
    .performance-table-admin[b-f8p5em14a3] {
        min-width: 1500px;
    }

    .performance-table-admin .performance-market-column-admin[b-f8p5em14a3] {
        width: 220px;
        min-width: 220px;
        max-width: 220px;
    }
}

/* V4.20.7 · Selección manual de pronósticos para clientes */
.client-selection-toolbar[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .8rem 0 1rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(53, 218, 120, .32);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(53, 218, 120, .09), rgba(21, 191, 232, .07));
}

.client-selection-summary[b-f8p5em14a3] {
    display: grid;
    gap: .18rem;
}

.client-selection-summary > span[b-f8p5em14a3] {
    color: #77e8a5;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.client-selection-summary strong[b-f8p5em14a3] {
    font-size: 1rem;
    color: #f4fbff;
}

.client-selection-summary small[b-f8p5em14a3] {
    color: var(--muted);
}

.client-selection-save[b-f8p5em14a3] {
    min-height: 42px;
    padding: .65rem 1rem;
    border: 1px solid rgba(53, 218, 120, .55);
    border-radius: 10px;
    color: #03200f;
    background: #35da78;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.client-selection-save:disabled[b-f8p5em14a3] {
    opacity: .6;
    cursor: wait;
}

.client-match-selection[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .58rem .78rem;
    border-bottom: 1px solid rgba(105, 171, 220, .14);
    background: rgba(3, 15, 27, .34);
}

.client-match-selection label[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    color: #dff8e8;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.client-match-selection small[b-f8p5em14a3] {
    color: var(--muted);
    font-size: .7rem;
}

.client-match-selection input[b-f8p5em14a3],
.client-pick-checkbox input[b-f8p5em14a3] {
    width: 17px;
    height: 17px;
    accent-color: #35da78;
}

.client-pick-actions[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.client-pick-checkbox[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    margin: 0;
    padding: .26rem .42rem;
    border: 1px solid rgba(53, 218, 120, .28);
    border-radius: 7px;
    color: #baf8d2;
    background: rgba(53, 218, 120, .08);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
}

.client-pick-checkbox.is-published[b-f8p5em14a3] {
    border-color: rgba(21, 191, 232, .45);
    color: #aeefff;
    background: rgba(21, 191, 232, .10);
    cursor: default;
}

.official-pick-card.client-pick-selected[b-f8p5em14a3] {
    border-color: rgba(53, 218, 120, .68) !important;
    box-shadow: inset 0 0 0 1px rgba(53, 218, 120, .14), 0 10px 28px rgba(0, 0, 0, .16);
    background: linear-gradient(145deg, rgba(53, 218, 120, .09), rgba(9, 31, 49, .88));
}

@media (max-width: 800px) {
    .client-selection-toolbar[b-f8p5em14a3],
    .client-match-selection[b-f8p5em14a3] {
        align-items: stretch;
        flex-direction: column;
    }

    .client-selection-save[b-f8p5em14a3] {
        width: 100%;
    }
}


/* Estado visual del selector Torneo / Temporada.
   Blanco = torneo abierto. Gris = torneo cerrado. */
.filter-strip select.selector-torneo-abierto[b-f8p5em14a3] {
    color: #f4f8fb;
}

.filter-strip select.selector-torneo-cerrado[b-f8p5em14a3] {
    color: #7f8c97;
}

.filter-strip select option.opcion-torneo-abierto[b-f8p5em14a3] {
    color: #f4f8fb;
    background: #081827;
}

.filter-strip select option.opcion-torneo-cerrado[b-f8p5em14a3] {
    color: #75818c;
    background: #081827;
}


/* ============================================================
   PICKS FINALES OFICIALES COLAPSABLES
   - Sólo se minimiza esta sección.
   - Equipos, escudos, fecha y estadísticas permanecen visibles.
   - Cada partido abre/cierra sus picks de forma independiente.
   ============================================================ */

.official-picks-collapse-admin[b-f8p5em14a3] {
    margin-top: .64rem;
    overflow: hidden;
    border-top: 1px solid rgba(90, 150, 185, .14);
}

.official-picks-collapse-head-admin[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    min-height: 42px;
    padding: .52rem .08rem .44rem;
    cursor: pointer;
    user-select: none;
    list-style: none;
    color: #7ee32d;
}

.official-picks-collapse-head-admin[b-f8p5em14a3]::-webkit-details-marker {
    display: none;
}

.official-picks-collapse-head-admin[b-f8p5em14a3]::marker {
    content: "";
}

.official-picks-collapse-head-admin > span[b-f8p5em14a3] {
    color: #7ee32d;
    font-size: .61rem;
    font-weight: 950;
    letter-spacing: .035em;
}

.official-picks-collapse-head-admin > div[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.official-picks-collapse-head-admin small[b-f8p5em14a3] {
    color: rgba(195, 215, 226, .62);
    font-size: .53rem;
    font-weight: 750;
}

.official-picks-collapse-icon-admin[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    color: #b7cad5;
    border: 1px solid rgba(91, 157, 196, .28);
    border-radius: 7px;
    background: rgba(13, 45, 65, .62);
}

.official-picks-collapse-icon-admin[b-f8p5em14a3]::before {
    content: "+";
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
}

.official-picks-collapse-admin[open] .official-picks-collapse-icon-admin[b-f8p5em14a3]::before {
    content: "−";
}

.official-picks-collapse-head-admin:hover .official-picks-collapse-icon-admin[b-f8p5em14a3] {
    color: #ffffff;
    border-color: rgba(126, 227, 45, .38);
    background: rgba(33, 84, 55, .46);
}

.official-picks-collapse-body-admin[b-f8p5em14a3] {
    padding-top: .22rem;
}

.official-picks-collapse-admin[open] .official-picks-collapse-head-admin[b-f8p5em14a3] {
    margin-bottom: .08rem;
}

/* Evita doble encabezado: el summary ya ocupa el lugar
   del encabezado anterior de official-picks-section. */
.official-picks-collapse-body-admin .official-picks-grid[b-f8p5em14a3],
.official-picks-collapse-body-admin .official-pick-empty[b-f8p5em14a3] {
    margin-top: 0;
}

@media (max-width: 620px) {
    .official-picks-collapse-head-admin > span[b-f8p5em14a3] {
        font-size: .57rem;
    }

    .official-picks-collapse-head-admin small[b-f8p5em14a3] {
        font-size: .49rem;
    }
}

/* Semáforo contextual de picks Finales - Dashboard Liga Admin */
.admin-pick-decision[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .45rem;
    margin-top: .55rem;
    padding: .5rem;
    border: 1px solid rgba(96, 165, 250, .18);
    border-radius: 10px;
    background: rgba(5, 20, 35, .46);
}

.admin-pick-decision-green[b-f8p5em14a3] { border-color: rgba(34, 197, 94, .62); background: rgba(34, 197, 94, .09); }
.admin-pick-decision-blue[b-f8p5em14a3] { border-color: rgba(59, 130, 246, .62); background: rgba(59, 130, 246, .09); }
.admin-pick-decision-yellow[b-f8p5em14a3] { border-color: rgba(250, 204, 21, .62); background: rgba(250, 204, 21, .08); }
.admin-pick-decision-orange[b-f8p5em14a3] { border-color: rgba(249, 115, 22, .68); background: rgba(249, 115, 22, .09); }
.admin-pick-decision-red[b-f8p5em14a3] { border-color: rgba(244, 63, 94, .70); background: rgba(244, 63, 94, .10); }
.admin-pick-decision-neutral[b-f8p5em14a3] { border-color: rgba(148, 163, 184, .45); background: rgba(148, 163, 184, .08); }

.admin-pick-decision-item[b-f8p5em14a3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .16rem;
}

.admin-pick-decision-item > span[b-f8p5em14a3] {
    color: #7fa7c7;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-pick-decision-item > strong[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    font-size: .78rem;
    font-weight: 900;
}

.admin-pick-dot[b-f8p5em14a3] {
    width: .46rem;
    height: .46rem;
    flex: 0 0 .46rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 9px currentColor;
}

.admin-pick-value-green[b-f8p5em14a3] { color: #4ade80; }
.admin-pick-value-blue[b-f8p5em14a3] { color: #60a5fa; }
.admin-pick-value-yellow[b-f8p5em14a3] { color: #fde047; }
.admin-pick-value-orange[b-f8p5em14a3] { color: #fb923c; }
.admin-pick-value-red[b-f8p5em14a3] { color: #fb7185; }
.admin-pick-value-neutral[b-f8p5em14a3] { color: #94a3b8; }

.admin-pick-decision-copy[b-f8p5em14a3] {
    display: block;
    margin-top: .34rem;
    color: #9ebbd2;
    font-size: .66rem;
    line-height: 1.35;
}

.match-load-context-admin[b-f8p5em14a3] {
    display: grid;
    gap: .34rem;
    width: 100%;
    min-width: 0;
    padding: .48rem .7rem;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 10px;
    background: rgba(5, 20, 35, .5);
}

.match-load-status-row-admin[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem .65rem;
    min-width: 0;
}

.match-load-status-admin[b-f8p5em14a3] {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .28rem;
    min-width: 0;
}

.match-load-status-admin > span[b-f8p5em14a3] {
    color: #b6c9d6;
    font-size: .61rem;
    font-weight: 800;
}

.match-load-status-admin > strong[b-f8p5em14a3] { font-size: .68rem; }
.match-load-separator-admin[b-f8p5em14a3] { color: #587488; font-size: .7rem; }

.match-load-details-admin[b-f8p5em14a3] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem 1.2rem;
    padding-top: .3rem;
    border-top: 1px solid rgba(148, 163, 184, .11);
}

.match-load-detail-admin[b-f8p5em14a3] {
    color: #9eb4c5;
    font-size: .56rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.match-load-detail-admin > strong[b-f8p5em14a3] { color: #c4d4df; }
.load-favorable[b-f8p5em14a3] { color: #4ade80; }
.load-media[b-f8p5em14a3] { color: #fde047; }
.load-alta[b-f8p5em14a3] { color: #fb923c; }
.load-no-data-admin[b-f8p5em14a3] { color: #94a3b8; }

@media (max-width: 620px) {
    .match-load-status-admin[b-f8p5em14a3] { flex: 1 1 100%; }
    .match-load-separator-admin[b-f8p5em14a3] { display: none; }
    .match-load-details-admin[b-f8p5em14a3] { flex-direction: column; }
}

@media (max-width: 560px) {
    .admin-pick-decision[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* V4.20.8 · Selección independiente para exportar a Google Sheets */
.google-select-all[b-f8p5em14a3],
.google-pick-checkbox[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin: 0;
    border-radius: 8px;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
}

.google-select-all[b-f8p5em14a3] {
    min-height: 42px;
    padding: .55rem .72rem;
    border: 1px solid rgba(66, 133, 244, .45);
    color: #cfe0ff;
    background: rgba(66, 133, 244, .10);
}

.google-pick-checkbox[b-f8p5em14a3] {
    padding: .26rem .42rem;
    border: 1px solid rgba(66, 133, 244, .35);
    color: #cfe0ff;
    background: rgba(66, 133, 244, .08);
}

.google-pick-checkbox.is-selected[b-f8p5em14a3] {
    border-color: rgba(66, 133, 244, .78);
    color: #eef4ff;
    background: rgba(66, 133, 244, .22);
}

.google-select-all input[b-f8p5em14a3],
.google-pick-checkbox input[b-f8p5em14a3] {
    width: 17px;
    height: 17px;
    accent-color: #4285f4;
}

.google-copy-button[b-f8p5em14a3] {
    border-color: rgba(66, 133, 244, .75);
    color: #f7fbff;
    background: #2f6fd6;
}


/* =========================================================
   ADMIN · NUEVOS BLOQUES DE ANÁLISIS VISUAL
   Agregados sin modificar la presentación existente.
   ========================================================= */
.admin-analysis-helper-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 1.45fr 1.1fr .95fr;
    gap: .9rem;
    margin: .9rem 0;
}

.admin-analysis-helper-grid .league-profile-panel[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-panel[b-f8p5em14a3],
.admin-analysis-helper-grid .data-coverage-panel[b-f8p5em14a3] {
    padding: 1rem 1.05rem;
}

.admin-analysis-helper-grid .league-profile-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.admin-analysis-helper-grid .league-profile-item[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item[b-f8p5em14a3],
.admin-analysis-helper-grid .coverage-item[b-f8p5em14a3] {
    padding: .8rem .85rem;
    border-radius: 13px;
    border: 1px solid rgba(111, 169, 208, .16);
    background: rgba(5, 22, 36, .58);
}

.admin-analysis-helper-grid .league-profile-item span[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item span[b-f8p5em14a3],
.admin-analysis-helper-grid .coverage-head span[b-f8p5em14a3] {
    display: block;
    color: var(--muted);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.admin-analysis-helper-grid .league-profile-item strong[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item strong[b-f8p5em14a3],
.admin-analysis-helper-grid .coverage-head strong[b-f8p5em14a3] {
    display: block;
    margin-top: .18rem;
    color: var(--text);
    font-size: 1rem;
}

.admin-analysis-helper-grid .league-profile-item small[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item small[b-f8p5em14a3],
.admin-analysis-helper-grid .coverage-item small[b-f8p5em14a3] {
    display: block;
    margin-top: .28rem;
    color: var(--muted);
    font-size: .66rem;
    line-height: 1.35;
}

.admin-analysis-helper-grid .league-profile-item.good[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.good[b-f8p5em14a3] { border-color: rgba(53,218,120,.32); }
.admin-analysis-helper-grid .league-profile-item.neutral[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.neutral[b-f8p5em14a3] { border-color: rgba(45,140,255,.30); }
.admin-analysis-helper-grid .league-profile-item.warn[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.warn[b-f8p5em14a3] { border-color: rgba(244,188,61,.32); }
.admin-analysis-helper-grid .league-profile-item.hot[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.hot[b-f8p5em14a3] { border-color: rgba(255,79,98,.30); }

.admin-analysis-helper-grid .league-profile-item.good strong[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.good em[b-f8p5em14a3] { color: var(--green); }
.admin-analysis-helper-grid .league-profile-item.neutral strong[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.neutral em[b-f8p5em14a3] { color: var(--blue); }
.admin-analysis-helper-grid .league-profile-item.warn strong[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.warn em[b-f8p5em14a3] { color: var(--yellow); }
.admin-analysis-helper-grid .league-profile-item.hot strong[b-f8p5em14a3],
.admin-analysis-helper-grid .market-thermometer-item.hot em[b-f8p5em14a3] { color: var(--red); }

.admin-analysis-helper-grid .league-insight-list[b-f8p5em14a3] {
    display: grid;
    gap: .45rem;
    margin-top: .7rem;
}

.admin-analysis-helper-grid .league-insight-item[b-f8p5em14a3] {
    padding: .65rem .75rem;
    border: 1px solid rgba(111,169,208,.12);
    border-radius: 10px;
    background: rgba(4,18,30,.36);
    color: #cfe2ee;
    font-size: .69rem;
    line-height: 1.4;
}

.admin-analysis-helper-grid .market-thermometer-grid[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .58rem;
}

.admin-analysis-helper-grid .market-thermometer-item em[b-f8p5em14a3] {
    display: block;
    margin-top: .16rem;
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.admin-analysis-helper-grid .coverage-list[b-f8p5em14a3] {
    display: grid;
    gap: .58rem;
}

.admin-analysis-helper-grid .coverage-head[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    margin-bottom: .38rem;
}

.admin-analysis-helper-grid .coverage-bar-track[b-f8p5em14a3] {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(148,163,184,.12);
}

.admin-analysis-helper-grid .coverage-bar-fill[b-f8p5em14a3] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.admin-analysis-helper-grid .coverage-bar-fill.good[b-f8p5em14a3] { background: linear-gradient(90deg, #35da78, #51ebb5); }
.admin-analysis-helper-grid .coverage-bar-fill.neutral[b-f8p5em14a3] { background: linear-gradient(90deg, #2d8cff, #6f78ff); }
.admin-analysis-helper-grid .coverage-bar-fill.warn[b-f8p5em14a3] { background: linear-gradient(90deg, #f4bc3d, #ff8f48); }

@media (max-width: 1400px) {
    .admin-analysis-helper-grid[b-f8p5em14a3] { grid-template-columns: 1fr 1fr; }
    .admin-analysis-helper-grid .data-coverage-panel[b-f8p5em14a3] { grid-column: 1 / -1; }
    .admin-analysis-helper-grid .league-profile-grid[b-f8p5em14a3] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 950px) {
    .admin-analysis-helper-grid[b-f8p5em14a3] { grid-template-columns: 1fr; }
    .admin-analysis-helper-grid .league-profile-grid[b-f8p5em14a3],
    .admin-analysis-helper-grid .market-thermometer-grid[b-f8p5em14a3] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-analysis-helper-grid .data-coverage-panel[b-f8p5em14a3] { grid-column: auto; }
}

@media (max-width: 620px) {
    .admin-analysis-helper-grid .league-profile-grid[b-f8p5em14a3],
    .admin-analysis-helper-grid .market-thermometer-grid[b-f8p5em14a3] { grid-template-columns: 1fr; }
}


/* Controles para mostrar / ocultar áreas del dashboard admin */
.section-toggle-bar[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .2rem 0 .8rem;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 153, 206, .18);
    background: linear-gradient(180deg, rgba(7,25,41,.90), rgba(6,18,31,.88));
}

.section-toggle-bar > div[b-f8p5em14a3] {
    display: grid;
    gap: .18rem;
}

.section-toggle-bar strong[b-f8p5em14a3] {
    color: var(--text);
    font-size: 1rem;
    line-height: 1.25;
}

.section-toggle-bar small[b-f8p5em14a3] {
    color: var(--muted);
    line-height: 1.35;
}

.section-title-actions[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.section-toggle-button[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .58rem .95rem;
    border-radius: 999px;
    border: 1px solid rgba(90,154,214,.22);
    background: rgba(67, 137, 255, .10);
    color: #d7eaff;
    font-size: .83rem;
    font-weight: 700;
    letter-spacing: .02em;
    cursor: pointer;
    transition: .18s ease;
}

.section-toggle-button:hover[b-f8p5em14a3] {
    background: rgba(67, 137, 255, .18);
    border-color: rgba(67, 137, 255, .34);
    transform: translateY(-1px);
}

@media (max-width: 920px) {
    .section-toggle-bar[b-f8p5em14a3] {
        flex-direction: column;
        align-items: stretch;
    }

    .section-title-actions[b-f8p5em14a3] {
        justify-content: flex-start;
    }
}


/* Ranking por mercado a ancho completo */
.rankings-full-width-row[b-f8p5em14a3] {
    margin-bottom: .85rem;
}

.rankings-full-width-row > .dashboard-panel[b-f8p5em14a3] {
    width: 100%;
}

.rankings-full-width-row .market-top-grid[b-f8p5em14a3] {
    grid-template-columns: repeat(5, minmax(170px, 1fr));
    gap: .55rem;
}

.rankings-toggle-bar[b-f8p5em14a3] {
    margin-top: .9rem;
}

@media (max-width: 1700px) {
    .rankings-full-width-row .market-top-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(4, minmax(170px, 1fr));
    }
}

@media (max-width: 1300px) {
    .rankings-full-width-row .market-top-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(3, minmax(170px, 1fr));
    }
}

@media (max-width: 980px) {
    .rankings-full-width-row .market-top-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 700px) {
    .rankings-full-width-row .market-top-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}

.rankings-full-width-row .ranking-team-logo[b-f8p5em14a3] {
    width: 18px;
    height: 18px;
}

.rankings-full-width-row .ranking-sample[b-f8p5em14a3] {
    min-width: 16px;
    height: 16px;
    font-size: .5rem;
}


.quick-ranking-card .market-top-icon[b-f8p5em14a3] {
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: .9rem;
    color: #7ec3ff;
    background: rgba(67, 137, 255, .10);
}

.quick-ranking-card .market-top-list[b-f8p5em14a3] {
    padding: .28rem .58rem .48rem;
}

.quick-ranking-card .rank-team[b-f8p5em14a3] {
    min-width: 0;
}

.quick-ranking-list > div:last-child[b-f8p5em14a3] {
    border-bottom: 0;
}


/* Resumen de rankings: Clasificación rápida, Frecuencia y Contexto en una sola fila */
.rankings-summary-row[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .8rem;
}

.quick-ranking-summary-panel[b-f8p5em14a3] {
    padding: .85rem;
}

.quick-ranking-summary-panel .quick-ranking-list[b-f8p5em14a3] {
    display: grid;
    gap: 0;
    margin-top: .2rem;
}

.quick-ranking-summary-panel .quick-ranking-list > div[b-f8p5em14a3] {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: .34rem;
    align-items: center;
    padding: .36rem 0;
    border-bottom: 1px solid rgba(105, 163, 200, .07);
    font-size: .67rem;
}

.quick-ranking-summary-panel .quick-ranking-list > div:last-child[b-f8p5em14a3] {
    border-bottom: 0;
}

.bottom-grid-reorganized[b-f8p5em14a3] {
    grid-template-columns: 1fr;
}

@media (max-width: 1200px) {
    .rankings-summary-row[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   V8 · Próximos partidos: 4 pronósticos por fila y tarjetas compactas
   ================================================================ */

.upcoming-panel .official-picks-grid[b-f8p5em14a3] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .42rem;
}

.upcoming-panel .official-pick-card[b-f8p5em14a3] {
    gap: .3rem;
    padding: .52rem .56rem;
    border-radius: 9px;
}

.upcoming-panel .official-pick-head[b-f8p5em14a3] {
    gap: .35rem;
    padding-bottom: .28rem;
}

.upcoming-panel .official-pick-head strong[b-f8p5em14a3] {
    font-size: .69rem;
    line-height: 1.15;
}

.upcoming-panel .official-pick-metric-row[b-f8p5em14a3] {
    padding: .02rem 0;
    gap: .32rem;
}

.upcoming-panel .official-pick-metric-row span[b-f8p5em14a3] {
    font-size: .52rem;
    line-height: 1.1;
}

.upcoming-panel .official-pick-metric-row strong[b-f8p5em14a3] {
    font-size: .67rem;
    line-height: 1.1;
}

.upcoming-panel .client-pick-actions[b-f8p5em14a3] {
    gap: .22rem;
}

.upcoming-panel .official-final-badge[b-f8p5em14a3],
.upcoming-panel .client-pick-checkbox span[b-f8p5em14a3],
.upcoming-panel .google-pick-checkbox span[b-f8p5em14a3] {
    font-size: .5rem;
    padding: .17rem .32rem;
}

.upcoming-panel .admin-pick-decision[b-f8p5em14a3] {
    padding: .32rem .4rem;
}

.upcoming-panel .admin-pick-decision-item span[b-f8p5em14a3],
.upcoming-panel .admin-pick-decision-copy[b-f8p5em14a3] {
    font-size: .52rem;
    line-height: 1.15;
}

.upcoming-panel .admin-pick-decision-item strong[b-f8p5em14a3] {
    font-size: .63rem;
}

@media (max-width: 1500px) {
    .upcoming-panel .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .upcoming-panel .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .upcoming-panel .official-picks-grid[b-f8p5em14a3] {
        grid-template-columns: 1fr;
    }
}


/* V9 · Toggle por partido para mostrar u ocultar picks */
.upcoming-header-side-block[b-f8p5em14a3] {
    display: grid;
    justify-items: end;
    gap: .35rem;
}

.match-header-tools-admin[b-f8p5em14a3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.match-favorability-badge-admin[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: .22rem .56rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .26);
    background: rgba(148, 163, 184, .08);
    color: #dbe9f4;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.match-favorability-badge-admin.favorable[b-f8p5em14a3] {
    border-color: rgba(74, 222, 128, .34);
    background: rgba(74, 222, 128, .12);
    color: #7ff0a5;
}

.match-favorability-badge-admin.warning[b-f8p5em14a3] {
    border-color: rgba(251, 146, 60, .34);
    background: rgba(251, 146, 60, .12);
    color: #ffc184;
}

.match-favorability-badge-admin.mixed[b-f8p5em14a3] {
    border-color: rgba(96, 165, 250, .34);
    background: rgba(96, 165, 250, .12);
    color: #9dd2ff;
}

.match-favorability-badge-admin.neutral[b-f8p5em14a3] {
    border-color: rgba(148, 163, 184, .26);
    background: rgba(148, 163, 184, .08);
    color: #dbe9f4;
}

.match-toggle-picks-button-admin[b-f8p5em14a3] {
    min-height: 28px;
    padding: .24rem .62rem;
    border-radius: 999px;
    border: 1px solid rgba(82, 139, 214, .26);
    background: rgba(59, 130, 246, .10);
    color: #d8eaff;
    font-size: .62rem;
    font-weight: 700;
    cursor: pointer;
    transition: .18s ease;
}

.match-toggle-picks-button-admin:hover[b-f8p5em14a3] {
    background: rgba(59, 130, 246, .18);
    border-color: rgba(96, 165, 250, .4);
}

.upcoming-match-card-collapsed[b-f8p5em14a3] {
    gap: 0;
}

.upcoming-match-card-collapsed .upcoming-match-header[b-f8p5em14a3] {
    padding-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 1000px) {
    .upcoming-match-header[b-f8p5em14a3] {
        grid-template-columns: 95px minmax(0, 1fr) minmax(0, auto);
    }

    .upcoming-header-side-block[b-f8p5em14a3] {
        grid-column: 1 / -1;
        justify-items: start;
    }

    .match-header-tools-admin[b-f8p5em14a3] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .upcoming-header-side-block[b-f8p5em14a3] {
        gap: .45rem;
    }

    .match-header-tools-admin[b-f8p5em14a3] {
        width: 100%;
    }
}


/* V12 · Bandera del país junto al nombre de la liga */
.league-name-with-flag[b-f8p5em14a3] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    min-width: 0;
}

.league-country-flag[b-f8p5em14a3] {
    width: 24px;
    height: 17px;
    flex: 0 0 auto;
    object-fit: cover;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 2px 7px rgba(0,0,0,.24);
}

@media (max-width: 700px) {
    .league-country-flag[b-f8p5em14a3] {
        width: 22px;
        height: 15px;
    }
}


/* V49 · Matriz gráfica del torneo · Dashboard Liga Admin */
.league-matrix-panel[b-f8p5em14a3]{margin:.85rem 0 1rem;padding:0;overflow:hidden}
.league-matrix-toggle-bar[b-f8p5em14a3]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}
.league-matrix-heading[b-f8p5em14a3]{display:grid;gap:.16rem;min-width:0}
.league-matrix-heading>strong[b-f8p5em14a3]{color:#eef8ff;font-size:.88rem}
.league-matrix-heading>small[b-f8p5em14a3]{color:#8ea8ba;font-size:.62rem}
.league-matrix-toggle-actions[b-f8p5em14a3]{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}
.league-matrix-status[b-f8p5em14a3]{display:grid;min-width:132px;padding:.48rem .65rem;border:1px solid rgba(53,218,120,.24);border-radius:9px;background:rgba(53,218,120,.07);text-align:right}
.league-matrix-status strong[b-f8p5em14a3]{color:#55e99a;font-size:.9rem}
.league-matrix-status span[b-f8p5em14a3]{color:#8ca5b7;font-size:.56rem}
.league-matrix-body[b-f8p5em14a3]{padding:.15rem 1rem 1rem;border-top:1px solid rgba(105,171,220,.12)}
.league-matrix-legend[b-f8p5em14a3]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;margin:.7rem 0;color:#e3eff7;font-size:.67rem;font-weight:800}
.league-matrix-legend>span[b-f8p5em14a3]{display:inline-flex;align-items:center;gap:.3rem;font-weight:800}
.league-matrix-legend-box[b-f8p5em14a3]{display:inline-block;width:16px;height:16px;min-width:16px;min-height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 8px rgba(255,255,255,.06)}
.league-matrix-legend-box.matrix-home-win[b-f8p5em14a3]{background:#18d76b!important;border-color:#4ff29a!important}
.league-matrix-legend-box.matrix-draw[b-f8p5em14a3]{background:#f2c000!important;border-color:#ffe064!important}
.league-matrix-legend-box.matrix-away-win[b-f8p5em14a3]{background:#e21f2f!important;border-color:#ff5c67!important}
.league-matrix-cut-line[b-f8p5em14a3]{display:inline-block;width:18px;height:16px;border-left:4px solid #e8f1f7}
.league-matrix-scroll[b-f8p5em14a3]{width:100%;max-width:100%;overflow:auto;border:1px solid rgba(105,171,220,.22);border-radius:10px;background:rgba(3,15,26,.82)}
.league-graphic-matrix[b-f8p5em14a3]{width:max-content;min-width:100%;table-layout:fixed;border-collapse:collapse;margin:0;color:#eef7ff;background:#061523;font-size:.66rem}
.league-graphic-matrix th[b-f8p5em14a3],.league-graphic-matrix td[b-f8p5em14a3]{border:1px solid #20415e}
.league-matrix-corner[b-f8p5em14a3]{position:sticky;left:0;top:0;z-index:8;width:190px;min-width:190px;height:112px;padding:.45rem;vertical-align:middle;text-align:left;background:linear-gradient(180deg,#061523,#071a2b)!important;color:#f3f8fc!important;font-size:.64rem;font-weight:900}
.league-matrix-column[b-f8p5em14a3]{position:sticky;top:0;z-index:6;width:46px;min-width:46px;max-width:46px;height:112px;padding:0;vertical-align:bottom;text-align:center;background:linear-gradient(180deg,#061523,#071a2b)!important;color:#f3f8fc!important}
.league-matrix-position[b-f8p5em14a3]{padding-top:2px;color:#7fd0ff;font-size:.56rem;font-weight:900;line-height:1.05}
.league-matrix-zone[b-f8p5em14a3]{margin-top:1px;color:#abc0d0;font-size:.45rem;font-weight:800;line-height:1}
.league-matrix-team-vertical[b-f8p5em14a3]{writing-mode:vertical-rl;transform:rotate(180deg);max-height:88px;margin:auto;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f4f8fc;font-size:.62rem;font-weight:700;line-height:1.05}
.league-matrix-row-team[b-f8p5em14a3]{position:sticky;left:0;z-index:5;width:190px;min-width:190px;max-width:190px;height:31px;padding:.28rem .4rem;text-align:left;vertical-align:middle;white-space:nowrap;background:linear-gradient(180deg,#061523,#071a2b)!important;color:#f4f8fc!important}
.league-matrix-row-position[b-f8p5em14a3]{display:inline-block;width:20px;color:#7fd0ff;font-size:.56rem;font-weight:900}
.league-matrix-row-zone[b-f8p5em14a3]{display:inline-block;min-width:42px;margin-right:.25rem;color:#b6c8d6;font-size:.49rem;font-weight:800}
.league-matrix-row-name[b-f8p5em14a3]{font-size:.63rem;font-weight:750}
.league-matrix-cell[b-f8p5em14a3]{width:46px;min-width:46px;max-width:46px;height:31px;padding:0;text-align:center;vertical-align:middle;color:#0a1721;background:#e8eef3;font-size:.72rem!important;font-weight:950!important;letter-spacing:.015em;text-shadow:0 1px 1px rgba(0,0,0,.22)}
.league-matrix-cell.matrix-home-win[b-f8p5em14a3]{background:#13d96a!important;color:#03180c!important;border-color:rgba(3,85,43,.72)!important}
.league-matrix-cell.matrix-draw[b-f8p5em14a3]{background:#f4c400!important;color:#241900!important;border-color:rgba(116,90,0,.72)!important}
.league-matrix-cell.matrix-away-win[b-f8p5em14a3]{background:#e51f32!important;color:#fff!important;border-color:rgba(118,7,21,.78)!important}
.league-matrix-cell.league-matrix-diagonal[b-f8p5em14a3]{background:#0b1b28!important;color:#d9e7f0!important;font-size:.7rem!important;font-weight:900!important}
.league-matrix-cut-vertical[b-f8p5em14a3]{border-left:3px solid rgba(232,241,247,.92)!important}
tr.league-matrix-cut-horizontal>th[b-f8p5em14a3],tr.league-matrix-cut-horizontal>td[b-f8p5em14a3]{border-top:3px solid rgba(232,241,247,.92)!important}
.league-matrix-footnote[b-f8p5em14a3]{margin-top:.6rem;color:#839cad;font-size:.58rem;line-height:1.45}
@media(max-width:760px){.league-matrix-toggle-bar[b-f8p5em14a3]{align-items:flex-start;flex-direction:column}.league-matrix-toggle-actions[b-f8p5em14a3]{width:100%;justify-content:space-between}.league-matrix-status[b-f8p5em14a3]{text-align:left}}
/* /Components/Pages/DashboardLigaClienteV3.razor.rz.scp.css */
.league-dashboard[b-gqn8jey10k] {
    --bg: #061321;
    --panel: #0a1b2c;
    --panel-2: #0c2236;
    --border: rgba(105, 171, 220, .18);
    --text: #ecf8ff;
    --muted: #8ca5b9;
    --green: #35da78;
    --blue: #2d8cff;
    --cyan: #15bfe8;
    --yellow: #f4bc3d;
    --purple: #aa63ff;
    --red: #ff4f62;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.35rem;
    color: var(--text);
    background:
        radial-gradient(circle at 85% 0%, rgba(33, 108, 155, .18), transparent 28%),
        radial-gradient(circle at 10% 30%, rgba(26, 188, 112, .08), transparent 24%),
        linear-gradient(145deg, #04101c 0%, #071827 55%, #061321 100%);
    font-family: Inter, "Segoe UI", sans-serif;
}

.dashboard-header[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.brand-block[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 205px;
}

.brand-ball[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid rgba(53, 218, 120, .75);
    background: rgba(53, 218, 120, .09);
    box-shadow: 0 0 24px rgba(53, 218, 120, .22);
    font-size: 1.55rem;
}

.brand-block strong[b-gqn8jey10k],
.brand-block span[b-gqn8jey10k] {
    display: block;
}

.brand-block strong[b-gqn8jey10k] {
    letter-spacing: .08em;
}

.brand-block span[b-gqn8jey10k] {
    color: var(--muted);
    font-size: .72rem;
}

.header-copy h1[b-gqn8jey10k] {
    margin: 0;
    font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.header-copy p[b-gqn8jey10k] {
    margin: .2rem 0 0;
    color: var(--muted);
}

.dashboard-alert[b-gqn8jey10k] {
    margin-bottom: .8rem;
    padding: .75rem 1rem;
    border-radius: 12px;
    border: 1px solid;
}

.dashboard-alert.ok[b-gqn8jey10k] {
    color: #baf8d2;
    border-color: rgba(53, 218, 120, .35);
    background: rgba(53, 218, 120, .1);
}

.dashboard-alert.error[b-gqn8jey10k] {
    color: #ffd1d6;
    border-color: rgba(255, 79, 98, .4);
    background: rgba(255, 79, 98, .1);
}

.filter-strip[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: .9fr 1.05fr 1.25fr 1.05fr 1.05fr auto;
    gap: .75rem;
    padding: .85rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: rgba(8, 26, 43, .88);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.filter-strip label[b-gqn8jey10k] {
    display: grid;
    gap: .35rem;
}

.filter-strip label span[b-gqn8jey10k] {
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.filter-strip select[b-gqn8jey10k] {
    width: 100%;
    min-height: 42px;
    padding: .55rem .7rem;
    color: var(--text);
    border: 1px solid rgba(116, 170, 210, .24);
    border-radius: 9px;
    background: #081827;
    outline: none;
}

.filter-strip select:focus[b-gqn8jey10k] {
    border-color: var(--green);
    box-shadow: 0 0 0 3px rgba(53, 218, 120, .1);
}

.refresh-button[b-gqn8jey10k] {
    align-self: end;
    min-height: 42px;
    padding: .6rem 1rem;
    color: #04140c;
    font-weight: 800;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(135deg, #4bea8c, #20be68);
    cursor: pointer;
}

.refresh-button:disabled[b-gqn8jey10k] {
    opacity: .5;
    cursor: not-allowed;
}

.empty-dashboard[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    min-height: 470px;
    padding: 2rem;
    text-align: center;
    border: 1px dashed rgba(102, 170, 216, .28);
    border-radius: 18px;
    background: rgba(7, 24, 39, .72);
}

.empty-dashboard > div:first-child:not(.loader-ring)[b-gqn8jey10k] {
    font-size: 3.4rem;
}

.empty-dashboard h2[b-gqn8jey10k] {
    margin-bottom: .25rem;
}

.empty-dashboard p[b-gqn8jey10k] {
    max-width: 650px;
    color: var(--muted);
}

.loader-ring[b-gqn8jey10k] {
    width: 52px;
    height: 52px;
    border: 5px solid rgba(45, 140, 255, .2);
    border-top-color: var(--blue);
    border-radius: 50%;
    animation: spin-b-gqn8jey10k 1s linear infinite;
}

@keyframes spin-b-gqn8jey10k { to { transform: rotate(360deg); } }

.context-ribbon[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: .7rem 1rem;
    margin-bottom: .85rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(9, 29, 47, .78);
}

.context-ribbon > div:not(.informative-tag)[b-gqn8jey10k] {
    display: grid;
    gap: .08rem;
}

.context-ribbon span[b-gqn8jey10k] {
    color: var(--muted);
    font-size: .69rem;
    text-transform: uppercase;
}

.informative-tag[b-gqn8jey10k] {
    margin-left: auto;
    padding: .38rem .68rem;
    color: #b9d9ec;
    border: 1px solid rgba(21, 191, 232, .28);
    border-radius: 999px;
    background: rgba(21, 191, 232, .08);
    font-size: .72rem;
}

.kpi-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .72rem;
    margin-bottom: .85rem;
}

.kpi-card[b-gqn8jey10k] {
    position: relative;
    overflow: hidden;
    min-height: 135px;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(14, 40, 62, .94), rgba(7, 24, 39, .96));
}

.kpi-card[b-gqn8jey10k]::after {
    position: absolute;
    inset: auto -15% -55% 20%;
    height: 100px;
    content: "";
    border-radius: 50%;
    filter: blur(30px);
    opacity: .2;
}

.kpi-card.green[b-gqn8jey10k]::after { background: var(--green); }
.kpi-card.blue[b-gqn8jey10k]::after { background: var(--blue); }
.kpi-card.yellow[b-gqn8jey10k]::after { background: var(--yellow); }
.kpi-card.cyan[b-gqn8jey10k]::after { background: var(--cyan); }
.kpi-card.purple[b-gqn8jey10k]::after { background: var(--purple); }
.kpi-card.red[b-gqn8jey10k]::after { background: var(--red); }

.kpi-icon[b-gqn8jey10k] {
    float: left;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    margin-right: .6rem;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    font-size: 1.15rem;
}

.kpi-card > span[b-gqn8jey10k] {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
}

.kpi-card > strong[b-gqn8jey10k] {
    display: block;
    margin-top: .35rem;
    font-size: 1.65rem;
}

.kpi-card > small[b-gqn8jey10k] {
    display: block;
    margin-top: .55rem;
    color: #9fbbcd;
    font-size: .68rem;
}

.primary-grid[b-gqn8jey10k],
.secondary-grid[b-gqn8jey10k],
.bottom-grid[b-gqn8jey10k] {
    display: grid;
    gap: .85rem;
    margin-bottom: .85rem;
}

.primary-grid[b-gqn8jey10k] { grid-template-columns: minmax(0, 1.65fr) minmax(310px, .8fr); }
.secondary-grid[b-gqn8jey10k] { grid-template-columns: minmax(265px, .72fr) minmax(480px, 1.35fr) minmax(300px, .8fr); }
.bottom-grid[b-gqn8jey10k] { grid-template-columns: minmax(480px, 1.05fr) minmax(420px, .95fr); }

.dashboard-panel[b-gqn8jey10k] {
    overflow: hidden;
    padding: .95rem;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(10, 31, 50, .96), rgba(7, 22, 37, .97));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}

.panel-title-row[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .8rem;
}

.panel-kicker[b-gqn8jey10k] {
    color: var(--green);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.panel-title-row h2[b-gqn8jey10k] {
    margin: .1rem 0 0;
    font-size: 1rem;
}

.legend-row[b-gqn8jey10k] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    color: var(--muted);
    font-size: .68rem;
}

.legend-row.compact[b-gqn8jey10k] { gap: .45rem; }
.legend-dot[b-gqn8jey10k] { display: inline-block; width: 8px; height: 8px; margin-right: .25rem; border-radius: 50%; }
.legend-dot.goals[b-gqn8jey10k] { background: var(--blue); }
.legend-dot.corners[b-gqn8jey10k] { background: var(--purple); }
.legend-dot.local[b-gqn8jey10k] { background: var(--green); }
.legend-dot.visitor[b-gqn8jey10k] { background: var(--blue); }

.chart-wrap[b-gqn8jey10k] {
    width: 100%;
    min-height: 290px;
}

.trend-chart[b-gqn8jey10k] {
    width: 100%;
    height: 290px;
}

.grid-line[b-gqn8jey10k] { stroke: rgba(133, 176, 207, .12); stroke-width: 1; }
.axis-line[b-gqn8jey10k] { stroke: rgba(160, 198, 223, .25); stroke-width: 1.2; }
.series-line[b-gqn8jey10k] { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.goals-line[b-gqn8jey10k] { stroke: var(--blue); filter: drop-shadow(0 0 5px rgba(45, 140, 255, .55)); }
.corners-line[b-gqn8jey10k] { stroke: var(--purple); filter: drop-shadow(0 0 5px rgba(170, 99, 255, .55)); }
.point[b-gqn8jey10k] { stroke-width: 2; }
.goals-point[b-gqn8jey10k] { fill: #081827; stroke: var(--blue); }
.corners-point[b-gqn8jey10k] { fill: #081827; stroke: var(--purple); }
.axis-label[b-gqn8jey10k] { fill: #7f9bb0; font-size: 13px; }

.result-content[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    gap: 1.1rem;
    min-height: 270px;
}

.donut[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    box-shadow: 0 0 35px rgba(45, 140, 255, .18);
}

.donut-center[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    border: 1px solid rgba(120, 179, 218, .18);
    border-radius: 50%;
    background: #081827;
}

.donut-center strong[b-gqn8jey10k] { font-size: 1.45rem; }
.donut-center span[b-gqn8jey10k] { color: var(--muted); font-size: .68rem; }

.result-legend[b-gqn8jey10k] { display: grid; gap: .75rem; }
.result-legend > div[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(119, 170, 205, .1);
}

.result-legend span small[b-gqn8jey10k] { display: block; color: var(--muted); font-size: .65rem; }
.result-dot[b-gqn8jey10k] { width: 11px; height: 11px; border-radius: 50%; }
.result-dot.home[b-gqn8jey10k] { background: var(--green); box-shadow: 0 0 12px rgba(53,218,120,.5); }
.result-dot.draw[b-gqn8jey10k] { background: var(--yellow); box-shadow: 0 0 12px rgba(244,188,61,.5); }
.result-dot.away[b-gqn8jey10k] { background: var(--blue); box-shadow: 0 0 12px rgba(45,140,255,.5); }

.market-bars[b-gqn8jey10k] { display: grid; gap: .82rem; }
.market-row[b-gqn8jey10k] { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(80px, 1fr) 48px; align-items: center; gap: .55rem; }
.market-name[b-gqn8jey10k] { display: flex; align-items: center; gap: .45rem; }
.market-name > span[b-gqn8jey10k] { display: grid; place-items: center; min-width: 30px; height: 30px; color: var(--green); border-radius: 8px; background: rgba(53,218,120,.08); font-size: .72rem; font-weight: 800; }
.market-name strong[b-gqn8jey10k], .market-name small[b-gqn8jey10k] { display: block; }
.market-name strong[b-gqn8jey10k] { font-size: .76rem; }
.market-name small[b-gqn8jey10k] { color: var(--muted); font-size: .59rem; }
.bar-track[b-gqn8jey10k] { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(133, 177, 207, .15); }
.bar-track span[b-gqn8jey10k] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2ac96f, #73ef9f); box-shadow: 0 0 10px rgba(53,218,120,.4); }
.market-row > strong[b-gqn8jey10k] { text-align: right; font-size: .72rem; }

.mini-badge[b-gqn8jey10k] {
    padding: .28rem .55rem;
    color: #a9c8db;
    border: 1px solid rgba(126, 177, 210, .18);
    border-radius: 999px;
    background: rgba(126, 177, 210, .06);
    font-size: .64rem;
}

.table-scroll[b-gqn8jey10k] { overflow-x: auto; }
.team-table[b-gqn8jey10k] { width: 100%; border-collapse: collapse; font-size: .82rem; }
.team-table th[b-gqn8jey10k] { padding: .62rem .52rem; color: #8eabc0; text-align: left; font-size: .68rem; text-transform: uppercase; border-bottom: 1px solid rgba(115, 166, 200, .18); }
.team-table td[b-gqn8jey10k] { padding: .58rem .52rem; color: #d5e6f1; border-bottom: 1px solid rgba(115, 166, 200, .09); white-space: nowrap; }
.team-table tbody tr:hover[b-gqn8jey10k] { background: rgba(45, 140, 255, .05); }
.position-pill[b-gqn8jey10k] { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; color: var(--green); background: rgba(53,218,120,.08); font-size: .76rem; }
.team-cell[b-gqn8jey10k] { display: flex; align-items: center; gap: .4rem; }
.team-avatar[b-gqn8jey10k] { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(45,140,255,.25); border-radius: 50%; color: #79b8ff; background: rgba(45,140,255,.08); font-size: .64rem; font-weight: 800; }

.comparison-list[b-gqn8jey10k] { display: grid; gap: 1rem; }
.comparison-item > span[b-gqn8jey10k] { display: block; margin-bottom: .38rem; color: #aec4d3; font-size: .7rem; }
.comparison-values[b-gqn8jey10k] { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; gap: .45rem; }
.comparison-values strong[b-gqn8jey10k] { font-size: .72rem; }
.local-value[b-gqn8jey10k] { color: var(--green); }
.visitor-value[b-gqn8jey10k] { color: var(--blue); text-align: right; }
.dual-bar[b-gqn8jey10k] { display: grid; gap: 3px; }
.dual-bar span[b-gqn8jey10k] { display: block; height: 6px; border-radius: 999px; }
.local-bar[b-gqn8jey10k] { background: linear-gradient(90deg, #2dbe68, #64ee99); }
.visitor-bar[b-gqn8jey10k] { background: linear-gradient(90deg, #1974d4, #50a8ff); }

.upcoming-list[b-gqn8jey10k] { display: grid; gap: .62rem; }
.upcoming-row[b-gqn8jey10k] { display: grid; grid-template-columns: 78px minmax(190px, 1fr) auto; align-items: center; gap: .65rem; padding: .58rem; border: 1px solid rgba(105, 163, 200, .1); border-radius: 10px; background: rgba(6, 19, 33, .48); }
.date-box[b-gqn8jey10k] { display: grid; gap: .12rem; }
.date-box strong[b-gqn8jey10k] { color: var(--green); font-size: .67rem; }
.date-box span[b-gqn8jey10k] { color: var(--muted); font-size: .65rem; }
.upcoming-teams[b-gqn8jey10k] { display: grid; grid-template-columns: 1fr auto 1fr; gap: .4rem; align-items: center; }
.upcoming-teams strong[b-gqn8jey10k] { font-size: .72rem; }
.upcoming-teams > span[b-gqn8jey10k] { color: #617f93; font-size: .62rem; }
.upcoming-teams small[b-gqn8jey10k] { grid-column: 1 / -1; color: var(--muted); font-size: .6rem; }
.league-badges[b-gqn8jey10k] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .25rem; }
.league-badges span[b-gqn8jey10k] { padding: .2rem .35rem; color: #7ff2a6; border: 1px solid rgba(53,218,120,.25); border-radius: 6px; background: rgba(53,218,120,.06); font-size: .57rem; }
.upcoming-note[b-gqn8jey10k] { margin: .7rem 0 0; color: var(--muted); font-size: .62rem; }

.leader-cards[b-gqn8jey10k] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; }
.leader-card[b-gqn8jey10k] { display: grid; min-height: 132px; align-content: center; text-align: center; padding: .65rem; border: 1px solid; border-radius: 12px; background: rgba(7, 23, 37, .7); }
.leader-card span[b-gqn8jey10k] { font-size: .63rem; }
.leader-card strong[b-gqn8jey10k] { overflow: hidden; margin-top: .45rem; text-overflow: ellipsis; white-space: nowrap; font-size: .71rem; }
.leader-card b[b-gqn8jey10k] { margin-top: .42rem; font-size: 1.5rem; }
.leader-card small[b-gqn8jey10k] { color: var(--muted); font-size: .58rem; }
.leader-card.attack[b-gqn8jey10k] { color: #64ee99; border-color: rgba(53,218,120,.25); }
.leader-card.defense[b-gqn8jey10k] { color: #69b2ff; border-color: rgba(45,140,255,.25); }
.leader-card.corners[b-gqn8jey10k] { color: #c08cff; border-color: rgba(170,99,255,.25); }
.leader-card.cards[b-gqn8jey10k] { color: #ff8290; border-color: rgba(255,79,98,.25); }

.quick-ranking[b-gqn8jey10k] { margin-top: .8rem; padding-top: .75rem; border-top: 1px solid rgba(105, 163, 200, .13); }
.quick-ranking h3[b-gqn8jey10k] { margin: 0 0 .5rem; font-size: .8rem; }
.quick-ranking > div[b-gqn8jey10k] { display: grid; grid-template-columns: 28px 1fr auto; gap: .45rem; align-items: center; padding: .34rem 0; border-bottom: 1px solid rgba(105, 163, 200, .07); font-size: .7rem; }
.rank-number[b-gqn8jey10k] { color: var(--green); font-weight: 800; }
.rank-team[b-gqn8jey10k] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.panel-empty[b-gqn8jey10k] { display: grid; place-items: center; min-height: 190px; color: var(--muted); text-align: center; }

@media (max-width: 1400px) {
    .kpi-grid[b-gqn8jey10k] { grid-template-columns: repeat(3, 1fr); }
    .secondary-grid[b-gqn8jey10k] { grid-template-columns: .8fr 1.2fr; }
    .home-away-panel[b-gqn8jey10k] { grid-column: 1 / -1; }
}

@media (max-width: 1050px) {
    .filter-strip[b-gqn8jey10k] { grid-template-columns: repeat(2, 1fr); }
    .refresh-button[b-gqn8jey10k] { width: 100%; }
    .primary-grid[b-gqn8jey10k], .bottom-grid[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .secondary-grid[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .home-away-panel[b-gqn8jey10k] { grid-column: auto; }
}

@media (max-width: 720px) {
    .league-dashboard[b-gqn8jey10k] { margin: -.75rem; padding: .75rem; }
    .dashboard-header[b-gqn8jey10k] { align-items: flex-start; }
    .brand-block[b-gqn8jey10k] { min-width: auto; }
    .brand-block > div:last-child[b-gqn8jey10k] { display: none; }
    .filter-strip[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .kpi-grid[b-gqn8jey10k] { grid-template-columns: repeat(2, 1fr); }
    .context-ribbon[b-gqn8jey10k] { align-items: flex-start; flex-direction: column; gap: .55rem; }
    .informative-tag[b-gqn8jey10k] { margin-left: 0; }
    .result-content[b-gqn8jey10k] { grid-template-columns: 1fr; justify-items: center; }
    .result-legend[b-gqn8jey10k] { width: 100%; }
    .leader-cards[b-gqn8jey10k] { grid-template-columns: repeat(2, 1fr); }
    .upcoming-row[b-gqn8jey10k] { grid-template-columns: 68px 1fr; }
    .league-badges[b-gqn8jey10k] { grid-column: 1 / -1; justify-content: flex-start; }
}

/* ================================================================
   Mejoras V2: gráficas separadas, tabla completa y calendario por jornada
   ================================================================ */

.panel-subtitle[b-gqn8jey10k] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .65rem;
}

.chart-title-row[b-gqn8jey10k],
.teams-title-row[b-gqn8jey10k],
.upcoming-title-row[b-gqn8jey10k] {
    align-items: center;
}

.dashboard-tabs[b-gqn8jey10k] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding: .25rem;
    border: 1px solid rgba(114, 171, 207, .16);
    border-radius: 10px;
    background: rgba(3, 16, 28, .55);
}

.dashboard-tab[b-gqn8jey10k] {
    min-width: 78px;
    padding: .48rem .78rem;
    color: #a9c0cf;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
    transition: all .18s ease;
}

.dashboard-tab:hover[b-gqn8jey10k] {
    color: #d8efff;
    background: rgba(45, 140, 255, .08);
}

.dashboard-tab.active[b-gqn8jey10k] {
    color: #071827;
    border-color: rgba(101, 238, 153, .55);
    background: linear-gradient(135deg, #36d77c, #78f1a5);
    box-shadow: 0 0 18px rgba(53, 218, 120, .22);
}

.team-tabs[b-gqn8jey10k] {
    margin: -.15rem 0 .8rem;
}

.chart-summary-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: .45rem;
    margin-bottom: .6rem;
}

.chart-summary-grid > div[b-gqn8jey10k] {
    padding: .55rem .62rem;
    border: 1px solid rgba(110, 172, 209, .11);
    border-radius: 9px;
    background: rgba(4, 18, 31, .48);
}

.chart-summary-grid span[b-gqn8jey10k],
.chart-summary-grid strong[b-gqn8jey10k] {
    display: block;
}

.chart-summary-grid span[b-gqn8jey10k] {
    color: #7695a9;
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.chart-summary-grid strong[b-gqn8jey10k] {
    margin-top: .18rem;
    color: #dff2ff;
    font-size: .78rem;
}

.cards-line[b-gqn8jey10k] {
    stroke: #ff6476;
    filter: drop-shadow(0 0 5px rgba(255, 79, 98, .55));
}

.cards-point[b-gqn8jey10k] {
    fill: #081827;
    stroke: #ff6476;
}

.svg-axis-y[b-gqn8jey10k] {
    color: #7695a9;
    font-size: 12px;
    text-align: right;
    line-height: 24px;
    white-space: nowrap;
}

.svg-axis-x[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    color: #7f9bb0;
    font-size: 11px;
    line-height: 1.05;
    text-align: center;
    white-space: nowrap;
}

.svg-axis-x strong[b-gqn8jey10k] {
    color: #b7d0df;
    font-size: 12px;
}

.svg-axis-x span[b-gqn8jey10k] {
    color: #58788d;
    font-size: 8px;
}

.svg-point-value[b-gqn8jey10k] {
    padding: 1px 3px;
    color: #e3f3fc;
    border: 1px solid rgba(139, 194, 226, .17);
    border-radius: 5px;
    background: rgba(4, 19, 32, .78);
    font-size: 10px;
    font-weight: 750;
    text-align: center;
    line-height: 18px;
    white-space: nowrap;
}

.complete-team-table[b-gqn8jey10k] {
    max-height: 620px;
    overflow: auto;
    border-top: 1px solid rgba(115, 166, 200, .08);
}

.complete-team-table .team-table[b-gqn8jey10k] {
    min-width: 1380px;
}

.complete-team-table thead th[b-gqn8jey10k] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #0a2236;
    box-shadow: 0 1px 0 rgba(115, 166, 200, .16);
}

.team-no-data[b-gqn8jey10k] {
    opacity: .48;
}

.positive-value[b-gqn8jey10k] {
    color: #62ed99 !important;
    font-weight: 800;
}

.negative-value[b-gqn8jey10k] {
    color: #ff7788 !important;
    font-weight: 800;
}

.upcoming-round-selector[b-gqn8jey10k] {
    display: grid;
    gap: .2rem;
    min-width: 150px;
}

.upcoming-round-selector span[b-gqn8jey10k] {
    color: #7695a9;
    font-size: .57rem;
    text-transform: uppercase;
}

.upcoming-round-selector select[b-gqn8jey10k] {
    padding: .43rem .55rem;
    color: #d8ecf8;
    border: 1px solid rgba(107, 170, 209, .2);
    border-radius: 8px;
    outline: none;
    background: #091f32;
    font-size: .68rem;
}

.upcoming-count-ribbon[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .65rem;
    padding: .52rem .65rem;
    color: #a7c4d5;
    border: 1px solid rgba(53, 218, 120, .15);
    border-radius: 9px;
    background: rgba(53, 218, 120, .045);
    font-size: .67rem;
}

.upcoming-count-ribbon strong[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    color: #5ce894;
    border-radius: 8px;
    background: rgba(53, 218, 120, .1);
    font-size: .8rem;
}

.upcoming-panel .upcoming-list[b-gqn8jey10k] {
    max-height: 620px;
    overflow-y: auto;
    padding-right: .2rem;
}

@media (max-width: 1500px) {
    .chart-summary-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(3, minmax(110px, 1fr));
    }
}

@media (max-width: 900px) {
    .chart-title-row[b-gqn8jey10k],
    .teams-title-row[b-gqn8jey10k],
    .upcoming-title-row[b-gqn8jey10k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-tabs[b-gqn8jey10k],
    .upcoming-round-selector[b-gqn8jey10k] {
        width: 100%;
    }

    .dashboard-tab[b-gqn8jey10k] {
        flex: 1;
    }

    .chart-summary-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .chart-summary-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .upcoming-row[b-gqn8jey10k] {
        grid-template-columns: 70px 1fr;
    }

    .league-badges[b-gqn8jey10k] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}


/* ================================================================
   V3 visual: tipografía, ilustraciones SVG y Top 5 por mercado
   ================================================================ */
.league-dashboard[b-gqn8jey10k] {
    font-family: Inter, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.league-dashboard h1[b-gqn8jey10k],.league-dashboard h2[b-gqn8jey10k],.league-dashboard h3[b-gqn8jey10k] { font-weight: 600; letter-spacing: -.015em; }
.league-dashboard strong[b-gqn8jey10k],.league-dashboard b[b-gqn8jey10k] { font-weight: 600; }
.league-dashboard table[b-gqn8jey10k] { font-weight: 400; }
.league-dashboard th[b-gqn8jey10k] { font-weight: 600; letter-spacing: .035em; }
.league-dashboard td[b-gqn8jey10k] { font-weight: 400; }
.panel-title-row h2[b-gqn8jey10k] { font-size: 1.08rem; }
.panel-subtitle[b-gqn8jey10k] { font-size: .72rem; line-height: 1.5; }
.kpi-grid-expanded[b-gqn8jey10k] { grid-template-columns: repeat(9, minmax(145px, 1fr)); overflow-x: auto; padding-bottom: .15rem; }
.kpi-grid-expanded .kpi-card[b-gqn8jey10k] { min-width: 145px; min-height: 150px; }
.kpi-card > span[b-gqn8jey10k] { font-weight: 500; letter-spacing: .045em; }
.kpi-card > strong[b-gqn8jey10k] { font-weight: 600; letter-spacing: -.02em; }
.kpi-card > small[b-gqn8jey10k] { font-size: .7rem; line-height: 1.45; }
.kpi-illustration[b-gqn8jey10k] { width: 46px; height: 46px; margin-bottom: .65rem; padding: 7px; border-radius: 13px; background: rgba(255,255,255,.045); }
.kpi-illustration svg[b-gqn8jey10k],.market-top-icon svg[b-gqn8jey10k] { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.kpi-card.green .kpi-illustration[b-gqn8jey10k] { color:var(--green); } .kpi-card.blue .kpi-illustration[b-gqn8jey10k] { color:var(--blue); }
.kpi-card.yellow .kpi-illustration[b-gqn8jey10k] { color:var(--yellow); } .kpi-card.cyan .kpi-illustration[b-gqn8jey10k] { color:var(--cyan); }
.kpi-card.purple .kpi-illustration[b-gqn8jey10k] { color:var(--purple); } .kpi-card.red .kpi-illustration[b-gqn8jey10k] { color:var(--red); }
.kpi-card.indigo .kpi-illustration[b-gqn8jey10k] { color:#7f8cff; } .kpi-card.teal .kpi-illustration[b-gqn8jey10k] { color:#20d7c5; }
.kpi-card.indigo[b-gqn8jey10k]::after { background:#7f8cff; } .kpi-card.teal[b-gqn8jey10k]::after { background:#20d7c5; }
.leaders-panel-v3[b-gqn8jey10k] { padding: 1rem; }
.market-top-grid[b-gqn8jey10k] { display:grid; grid-template-columns:repeat(3,minmax(230px,1fr)); gap:.7rem; }
.market-top-card[b-gqn8jey10k] { overflow:hidden; border:1px solid rgba(110,170,210,.14); border-radius:13px; background:linear-gradient(145deg,rgba(13,38,59,.88),rgba(5,20,34,.92)); }
.market-top-header[b-gqn8jey10k] { display:flex; align-items:center; gap:.65rem; padding:.72rem .78rem; border-bottom:1px solid rgba(110,170,210,.1); }
.market-top-header h3[b-gqn8jey10k] { margin:.05rem 0 0; font-size:.86rem; }
.market-top-header span[b-gqn8jey10k] { color:var(--muted); font-size:.62rem; font-weight:400; }
.market-top-icon[b-gqn8jey10k] { width:38px; height:38px; padding:7px; border-radius:11px; color:#6ee89b; background:rgba(53,218,120,.08); }
.market-top-card.defense .market-top-icon[b-gqn8jey10k],.market-top-card.under35 .market-top-icon[b-gqn8jey10k],.market-top-card.under45 .market-top-icon[b-gqn8jey10k] { color:#69b2ff; background:rgba(45,140,255,.08); }
.market-top-card.corners .market-top-icon[b-gqn8jey10k] { color:#c08cff; background:rgba(170,99,255,.08); }
.market-top-card.cards .market-top-icon[b-gqn8jey10k] { color:#ff8290; background:rgba(255,79,98,.08); }
.market-top-list[b-gqn8jey10k] { padding:.45rem .72rem .65rem; }
.market-top-row[b-gqn8jey10k] { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:.48rem; align-items:center; padding:.45rem 0; border-bottom:1px solid rgba(110,170,210,.075); font-size:.72rem; }
.market-top-row:last-child[b-gqn8jey10k] { border-bottom:0; }
.market-rank[b-gqn8jey10k] { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; color:#071827; background:#52e38a; font-size:.65rem; font-weight:700; }
.market-team[b-gqn8jey10k] { overflow:hidden; color:#d8e9f4; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.market-top-row strong[b-gqn8jey10k] { color:#f2fbff; font-size:.7rem; font-weight:600; }
.market-top-empty[b-gqn8jey10k] { padding:.7rem 0; color:var(--muted); font-size:.7rem; text-align:center; }
.team-table th[b-gqn8jey10k],.team-table td[b-gqn8jey10k] { font-size:.7rem; line-height:1.5; }
.team-table td[b-gqn8jey10k] { color:#c7dce9; }
.team-cell strong[b-gqn8jey10k] { font-weight:500; }
.upcoming-teams strong[b-gqn8jey10k] { font-weight:500; }
@media (max-width:1500px){ .kpi-grid-expanded[b-gqn8jey10k]{grid-template-columns:repeat(5,minmax(145px,1fr));} .market-top-grid[b-gqn8jey10k]{grid-template-columns:repeat(2,minmax(230px,1fr));} }
@media (max-width:850px){ .kpi-grid-expanded[b-gqn8jey10k]{grid-template-columns:repeat(2,minmax(145px,1fr));} .market-top-grid[b-gqn8jey10k]{grid-template-columns:1fr;} }


/* Corrección visual definitiva de iconos SVG del dashboard. */
.kpi-illustration[b-gqn8jey10k],
.market-top-icon[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.kpi-illustration svg[b-gqn8jey10k],
.market-top-icon svg[b-gqn8jey10k] {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    overflow: visible;
    color: inherit;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kpi-illustration svg *[b-gqn8jey10k],
.market-top-icon svg *[b-gqn8jey10k] {
    fill: none !important;
    stroke: currentColor !important;
    vector-effect: non-scaling-stroke;
}

.kpi-grid-expanded .kpi-card[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: .75rem;
    align-items: center;
    min-height: 118px;
    padding: .85rem;
}

.kpi-grid-expanded .kpi-illustration[b-gqn8jey10k] {
    grid-column: 1;
    grid-row: 1 / 4;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 8px;
    border: 1px solid currentColor;
    background: rgba(255,255,255,.035);
    box-shadow: 0 0 20px color-mix(in srgb, currentColor 18%, transparent);
}

.kpi-grid-expanded .kpi-card > span[b-gqn8jey10k],
.kpi-grid-expanded .kpi-card > strong[b-gqn8jey10k],
.kpi-grid-expanded .kpi-card > small[b-gqn8jey10k] {
    grid-column: 2;
    position: relative;
    z-index: 1;
}

.kpi-grid-expanded .kpi-card > span[b-gqn8jey10k] {
    align-self: end;
    font-size: .69rem;
    line-height: 1.25;
}

.kpi-grid-expanded .kpi-card > strong[b-gqn8jey10k] {
    margin-top: .12rem;
    font-size: 1.45rem;
    line-height: 1.1;
}

.kpi-grid-expanded .kpi-card > small[b-gqn8jey10k] {
    align-self: start;
    margin-top: .22rem;
    font-size: .64rem;
    line-height: 1.35;
}

@media (max-width: 850px) {
    .kpi-grid-expanded .kpi-card[b-gqn8jey10k] {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .kpi-grid-expanded .kpi-illustration[b-gqn8jey10k] {
        width: 42px;
        height: 42px;
        padding: 7px;
    }
}


/* ================================================================
   V4 visual: paleta multicolor y señales individuales por partido
   ================================================================ */
.brand-ball[b-gqn8jey10k] {
    color: #dff5ff;
    border-color: rgba(45, 140, 255, .7);
    background: linear-gradient(145deg, rgba(45, 140, 255, .18), rgba(170, 99, 255, .16));
    box-shadow: 0 0 24px rgba(45, 140, 255, .2);
}

.filter-strip select:focus[b-gqn8jey10k] {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(45, 140, 255, .12);
}

.refresh-button[b-gqn8jey10k] {
    color: #eef9ff;
    background: linear-gradient(135deg, #2d8cff, #7f63ff);
    box-shadow: 0 8px 22px rgba(45, 140, 255, .2);
}

.dashboard-tab.active[b-gqn8jey10k] {
    color: #f6fbff;
    border-color: rgba(118, 139, 255, .58);
    background: linear-gradient(135deg, #2d8cff, #8d63ee);
    box-shadow: 0 0 18px rgba(75, 119, 255, .24);
}

.trend-panel .panel-kicker[b-gqn8jey10k] { color: var(--blue); }
.result-panel .panel-kicker[b-gqn8jey10k] { color: var(--yellow); }
.markets-panel .panel-kicker[b-gqn8jey10k] { color: var(--cyan); }
.teams-panel .panel-kicker[b-gqn8jey10k] { color: var(--purple); }
.home-away-panel .panel-kicker[b-gqn8jey10k] { color: #20d7c5; }
.upcoming-panel .panel-kicker[b-gqn8jey10k] { color: #ff9f55; }
.leaders-panel .panel-kicker[b-gqn8jey10k] { color: #ff7185; }

.trend-panel[b-gqn8jey10k] { border-top-color: rgba(45, 140, 255, .42); }
.result-panel[b-gqn8jey10k] { border-top-color: rgba(244, 188, 61, .42); }
.markets-panel[b-gqn8jey10k] { border-top-color: rgba(21, 191, 232, .42); }
.teams-panel[b-gqn8jey10k] { border-top-color: rgba(170, 99, 255, .42); }
.home-away-panel[b-gqn8jey10k] { border-top-color: rgba(32, 215, 197, .42); }
.upcoming-panel[b-gqn8jey10k] { border-top-color: rgba(255, 159, 85, .42); }
.leaders-panel[b-gqn8jey10k] { border-top-color: rgba(255, 113, 133, .42); }

.market-row:nth-child(6n + 1) .market-name > span[b-gqn8jey10k] { color: var(--cyan); background: rgba(21, 191, 232, .09); }
.market-row:nth-child(6n + 2) .market-name > span[b-gqn8jey10k] { color: var(--blue); background: rgba(45, 140, 255, .09); }
.market-row:nth-child(6n + 3) .market-name > span[b-gqn8jey10k] { color: var(--yellow); background: rgba(244, 188, 61, .09); }
.market-row:nth-child(6n + 4) .market-name > span[b-gqn8jey10k] { color: var(--purple); background: rgba(170, 99, 255, .09); }
.market-row:nth-child(6n + 5) .market-name > span[b-gqn8jey10k] { color: #20d7c5; background: rgba(32, 215, 197, .09); }
.market-row:nth-child(6n + 6) .market-name > span[b-gqn8jey10k] { color: var(--red); background: rgba(255, 79, 98, .09); }
.market-row:nth-child(6n + 1) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #15bfe8, #65ddff); box-shadow: 0 0 10px rgba(21,191,232,.3); }
.market-row:nth-child(6n + 2) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #2d8cff, #72b5ff); box-shadow: 0 0 10px rgba(45,140,255,.3); }
.market-row:nth-child(6n + 3) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #e6a92b, #ffd46d); box-shadow: 0 0 10px rgba(244,188,61,.3); }
.market-row:nth-child(6n + 4) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #8d55df, #bd8cff); box-shadow: 0 0 10px rgba(170,99,255,.3); }
.market-row:nth-child(6n + 5) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #16bdae, #55eadc); box-shadow: 0 0 10px rgba(32,215,197,.3); }
.market-row:nth-child(6n + 6) .bar-track span[b-gqn8jey10k] { background: linear-gradient(90deg, #e9485d, #ff8290); box-shadow: 0 0 10px rgba(255,79,98,.3); }

.position-pill[b-gqn8jey10k] {
    color: #8fc5ff;
    background: rgba(45, 140, 255, .09);
}

.rank-number[b-gqn8jey10k] { color: #aa8cff; }

.upcoming-count-ribbon[b-gqn8jey10k] {
    border-color: rgba(255, 159, 85, .2);
    background: rgba(255, 159, 85, .055);
}

.upcoming-count-ribbon strong[b-gqn8jey10k] {
    color: #ffc28d;
    background: rgba(255, 159, 85, .12);
}

.upcoming-row[b-gqn8jey10k] {
    grid-template-columns: 82px minmax(215px, .7fr) minmax(390px, 1.6fr);
    gap: .7rem;
    padding: .62rem .7rem;
    border-color: rgba(109, 166, 207, .14);
    background: linear-gradient(105deg, rgba(7, 23, 38, .78), rgba(11, 30, 49, .58));
}

.date-box strong[b-gqn8jey10k] { color: #ffb26f; }

.upcoming-teams[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .12rem;
    min-width: 0;
}

.match-pair[b-gqn8jey10k] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .3rem;
    min-width: 0;
}

.match-pair strong[b-gqn8jey10k] {
    overflow: hidden;
    max-width: 46%;
    color: #e7f3fb;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
}

.match-pair span[b-gqn8jey10k] {
    flex: 0 0 auto;
    color: #718fa4;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.upcoming-teams small[b-gqn8jey10k] {
    color: #7895a9;
    font-size: .59rem;
}

.match-signals[b-gqn8jey10k] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: .26rem;
    min-width: 0;
}

.signal-chip[b-gqn8jey10k] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 26px;
    padding: .22rem .3rem .22rem .48rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.signal-name[b-gqn8jey10k] {
    display: inline-block;
}

.signal-score[b-gqn8jey10k] {
    display: inline-grid;
    place-items: center;
    min-width: 37px;
    min-height: 19px;
    padding: 0 .28rem;
    color: #f5fbff;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(2, 12, 23, .34);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.match-signals .signal-chip:not(.signal-neutral):first-child[b-gqn8jey10k] {
    transform: translateY(-1px);
    border-width: 1.5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 5px 16px rgba(0, 0, 0, .2);
}

.match-signals .signal-chip:not(.signal-neutral):first-child[b-gqn8jey10k]::before {
    content: "★";
    color: #ffd875;
    font-size: .55rem;
}

.signal-blue[b-gqn8jey10k] { color: #9ccaff; border-color: rgba(45, 140, 255, .34); background: rgba(45, 140, 255, .1); }
.signal-cyan[b-gqn8jey10k] { color: #82e6ff; border-color: rgba(21, 191, 232, .34); background: rgba(21, 191, 232, .1); }
.signal-purple[b-gqn8jey10k] { color: #d0a9ff; border-color: rgba(170, 99, 255, .36); background: rgba(170, 99, 255, .1); }
.signal-yellow[b-gqn8jey10k] { color: #ffda7a; border-color: rgba(244, 188, 61, .36); background: rgba(244, 188, 61, .1); }
.signal-indigo[b-gqn8jey10k] { color: #abb4ff; border-color: rgba(127, 140, 255, .36); background: rgba(127, 140, 255, .1); }
.signal-teal[b-gqn8jey10k] { color: #7cf0e4; border-color: rgba(32, 215, 197, .34); background: rgba(32, 215, 197, .1); }
.signal-neutral[b-gqn8jey10k] { color: #9bb1c0; border-color: rgba(139, 169, 189, .2); background: rgba(139, 169, 189, .06); }

.upcoming-note[b-gqn8jey10k] {
    padding-left: .15rem;
    color: #7895a9;
}

@media (max-width: 1180px) {
    .upcoming-row[b-gqn8jey10k] {
        grid-template-columns: 76px minmax(205px, .78fr) minmax(310px, 1.35fr);
    }
}

@media (max-width: 760px) {
    .upcoming-row[b-gqn8jey10k] {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .match-signals[b-gqn8jey10k] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 0;
    }

    .match-pair strong[b-gqn8jey10k] {
        max-width: calc(50% - 18px);
    }
}

/* ================================================================
   Colores por posición en rankings Top 5
   1 = dorado | 2-3 = azul | 4-5 = morado
   ================================================================ */
.market-rank.rank-position-1[b-gqn8jey10k] {
    color: #2b1b00;
    border: 1px solid rgba(255, 216, 106, .75);
    background: linear-gradient(135deg, #ffd45f, #f2a928);
    box-shadow: 0 0 14px rgba(244, 188, 61, .34);
}

.market-rank.rank-position-2[b-gqn8jey10k],
.market-rank.rank-position-3[b-gqn8jey10k] {
    color: #061b31;
    border: 1px solid rgba(130, 196, 255, .65);
    background: linear-gradient(135deg, #8dccff, #4f9be8);
    box-shadow: 0 0 12px rgba(45, 140, 255, .24);
}

.market-rank.rank-position-4[b-gqn8jey10k],
.market-rank.rank-position-5[b-gqn8jey10k] {
    color: #180929;
    border: 1px solid rgba(202, 157, 255, .62);
    background: linear-gradient(135deg, #c596ff, #9254db);
    box-shadow: 0 0 12px rgba(170, 99, 255, .22);
}



/* ================================================================
   V8: periodos, comparativos, calidad de muestra y marcador esperado
   ================================================================ */
.filter-context-disabled[b-gqn8jey10k] {
    opacity: .52;
}

.filter-context-disabled select[b-gqn8jey10k] {
    cursor: not-allowed;
}

.analysis-scope[b-gqn8jey10k] {
    display: block;
    margin-top: .18rem;
    color: #8fc5ff;
    font-size: .58rem;
    font-style: normal;
    font-weight: 650;
}

.kpi-trend[b-gqn8jey10k] {
    display: block;
    width: fit-content;
    margin-top: .22rem;
    padding: .16rem .38rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .56rem;
    font-style: normal;
    font-weight: 750;
    white-space: nowrap;
}

.kpi-trend.trend-up[b-gqn8jey10k] {
    color: #85d7ff;
    border-color: rgba(45, 140, 255, .32);
    background: rgba(45, 140, 255, .09);
}

.kpi-trend.trend-down[b-gqn8jey10k] {
    color: #ffb77d;
    border-color: rgba(255, 159, 85, .34);
    background: rgba(255, 159, 85, .09);
}

.kpi-trend.trend-neutral[b-gqn8jey10k] {
    color: #91aabd;
    border-color: rgba(145, 170, 189, .2);
    background: rgba(145, 170, 189, .06);
}

.league-average-note[b-gqn8jey10k] {
    margin: -.25rem 0 .72rem;
    padding: .45rem .58rem;
    color: #91adbf;
    border-left: 3px solid rgba(170, 99, 255, .55);
    border-radius: 0 8px 8px 0;
    background: rgba(170, 99, 255, .055);
    font-size: .62rem;
}

.metric-with-delta[b-gqn8jey10k] {
    min-width: 78px;
}

.metric-with-delta > span[b-gqn8jey10k],
.metric-with-delta > small[b-gqn8jey10k] {
    display: block;
}

.metric-with-delta > small[b-gqn8jey10k] {
    margin-top: .12rem;
    font-size: .54rem;
    font-weight: 700;
}

.league-delta.positive[b-gqn8jey10k] { color: #72baff; }
.league-delta.negative[b-gqn8jey10k] { color: #ffad71; }
.league-delta.neutral[b-gqn8jey10k] { color: #718da1; }

.upcoming-teams small[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem;
}

.expected-score[b-gqn8jey10k] {
    padding: .14rem .35rem;
    color: #ffd48a;
    border: 1px solid rgba(244, 188, 61, .26);
    border-radius: 999px;
    background: rgba(244, 188, 61, .075);
    font-size: .55rem;
    font-weight: 750;
}

.sample-grade[b-gqn8jey10k],
.ranking-sample[b-gqn8jey10k] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-radius: 50%;
    font-size: .5rem;
    font-weight: 850;
    line-height: 1;
}

.sample-strong[b-gqn8jey10k] {
    color: #dff3ff;
    border-color: rgba(83, 172, 255, .72);
    background: linear-gradient(135deg, #2d8cff, #5878e8);
    box-shadow: 0 0 9px rgba(45, 140, 255, .22);
}

.sample-medium[b-gqn8jey10k] {
    color: #2b1a00;
    border-color: rgba(255, 211, 100, .72);
    background: linear-gradient(135deg, #ffd363, #eba72c);
}

.sample-low[b-gqn8jey10k] {
    color: #f7edff;
    border-color: rgba(200, 151, 255, .68);
    background: linear-gradient(135deg, #a963f0, #7146c5);
}

.market-top-row[b-gqn8jey10k] {
    grid-template-columns: 24px minmax(0, 1fr) 20px auto;
}

.ranking-sample[b-gqn8jey10k] {
    width: 17px;
    height: 17px;
    font-size: .48rem;
}

@media (max-width: 1180px) {
    .filter-strip[b-gqn8jey10k] {
        grid-template-columns: repeat(3, 1fr);
    }

    .refresh-button[b-gqn8jey10k] {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .filter-strip[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .metric-with-delta[b-gqn8jey10k] {
        min-width: 70px;
    }
}

/* Escudos locales integrados */
.team-logo-img[b-gqn8jey10k] {
    object-fit: contain;
    padding: 3px;
    background: rgba(255,255,255,.96);
}
.match-pair-logos[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr);
    align-items: center;
    gap: .55rem;
}
.upcoming-team[b-gqn8jey10k] { display:flex; align-items:center; gap:.45rem; min-width:0; }
.upcoming-team-local[b-gqn8jey10k] { justify-content:flex-end; text-align:right; }
.upcoming-team-logo[b-gqn8jey10k], .ranking-team-logo[b-gqn8jey10k] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    object-fit: contain;
    padding: 3px;
    border-radius: 8px;
    border: 1px solid rgba(94,174,220,.22);
    background: rgba(255,255,255,.96);
}
.market-team-with-logo[b-gqn8jey10k], .rank-team-with-logo[b-gqn8jey10k] { display:flex; align-items:center; gap:.45rem; min-width:0; }
.market-team-with-logo > span[b-gqn8jey10k], .rank-team-with-logo > span[b-gqn8jey10k] { overflow:hidden; text-overflow:ellipsis; }
@media (max-width: 720px) {
    .match-pair-logos[b-gqn8jey10k] { grid-template-columns:1fr; }
    .upcoming-team-local[b-gqn8jey10k] { justify-content:flex-start; text-align:left; flex-direction:row-reverse; }
    .match-pair-logos > span[b-gqn8jey10k] { display:none; }
}


/* ================================================================
   Próximos partidos: picks Finales oficiales
   ================================================================ */

.upcoming-row[b-gqn8jey10k] {
    grid-template-columns: 78px minmax(245px, .95fr) minmax(430px, 1.65fr);
    align-items: stretch;
}

.official-picks-block[b-gqn8jey10k] {
    display: grid;
    gap: .45rem;
    min-width: 0;
    padding-left: .75rem;
    border-left: 1px solid rgba(105, 163, 200, .14);
}

.official-picks-title[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .55rem;
}

.official-picks-title > span[b-gqn8jey10k] {
    color: #7ee32d;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
}

.official-picks-title > small[b-gqn8jey10k] {
    color: #8da6b8;
    font-size: .58rem;
}

.official-picks-list[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: .45rem;
}

.official-pick-card[b-gqn8jey10k] {
    display: grid;
    gap: .5rem;
    min-width: 0;
    padding: .6rem .65rem;
    border: 1px solid rgba(87, 182, 133, .23);
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        rgba(11, 35, 48, .94),
        rgba(7, 24, 39, .92)
    );
    box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

.official-pick-head[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .45rem;
}

.official-pick-head strong[b-gqn8jey10k] {
    color: #f4fbff;
    font-size: .76rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.official-final-badge[b-gqn8jey10k] {
    flex: 0 0 auto;
    padding: .18rem .35rem;
    border-radius: 999px;
    color: #d8ffd8;
    background: rgba(48, 150, 69, .28);
    border: 1px solid rgba(88, 220, 106, .2);
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .045em;
}

.official-pick-metrics[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .28rem;
}

.official-pick-metrics > div[b-gqn8jey10k] {
    min-width: 0;
    padding: .32rem .35rem;
    border-radius: 7px;
    background: rgba(255, 255, 255, .025);
}

.official-pick-metrics span[b-gqn8jey10k],
.official-pick-metrics strong[b-gqn8jey10k] {
    display: block;
}

.official-pick-metrics span[b-gqn8jey10k] {
    color: #8ea6b7;
    font-size: .48rem;
    line-height: 1.15;
}

.official-pick-metrics strong[b-gqn8jey10k] {
    margin-top: .14rem;
    color: #7ee32d;
    font-size: .69rem;
    line-height: 1.2;
}

.official-pick-empty[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 62px;
    padding: .6rem .7rem;
    color: #8da6b8;
    border: 1px dashed rgba(118, 156, 181, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
}

.official-pick-empty-icon[b-gqn8jey10k] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    color: #9cb3c3;
    border: 1px solid rgba(156, 179, 195, .25);
}

.official-pick-empty strong[b-gqn8jey10k],
.official-pick-empty small[b-gqn8jey10k] {
    display: block;
}

.official-pick-empty strong[b-gqn8jey10k] {
    color: #c8d9e5;
    font-size: .7rem;
}

.official-pick-empty small[b-gqn8jey10k] {
    margin-top: .12rem;
    font-size: .57rem;
}

@media (max-width: 1180px) {
    .upcoming-row[b-gqn8jey10k] {
        grid-template-columns: 72px minmax(220px, .9fr) minmax(360px, 1.5fr);
    }

    .official-pick-metrics[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .upcoming-row[b-gqn8jey10k] {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .official-picks-block[b-gqn8jey10k] {
        grid-column: 1 / -1;
        padding-top: .55rem;
        padding-left: 0;
        border-top: 1px solid rgba(105, 163, 200, .14);
        border-left: 0;
    }

    .official-picks-list[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .official-pick-metrics[b-gqn8jey10k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 500px) {
    .official-pick-metrics[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   Próximos partidos — distribución vertical sin scroll horizontal
   ================================================================ */

.upcoming-list[b-gqn8jey10k] {
    display: grid;
    gap: .78rem;
    max-width: 100%;
    overflow: visible;
}

.upcoming-match-card[b-gqn8jey10k] {
    display: grid;
    gap: .78rem;
    width: 100%;
    max-width: 100%;
    padding: .82rem;
    border: 1px solid rgba(93, 153, 190, .20);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(8, 29, 45, .97), rgba(5, 22, 36, .97));
    box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
    overflow: hidden;
}

.upcoming-match-header[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr) 145px;
    align-items: center;
    gap: .9rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(105, 163, 198, .13);
}

.upcoming-date-block[b-gqn8jey10k] {
    display: grid;
    gap: .12rem;
}

.upcoming-date-block strong[b-gqn8jey10k] {
    color: #ffb34b;
    font-size: .75rem;
    text-transform: uppercase;
}

.upcoming-date-block span[b-gqn8jey10k] {
    color: #e3f1f8;
    font-size: .8rem;
    font-weight: 750;
}

.upcoming-date-block small[b-gqn8jey10k] {
    color: #7892a5;
    font-size: .57rem;
}

.upcoming-teams-block[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.upcoming-team[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: .58rem;
    min-width: 0;
}

.upcoming-team-local[b-gqn8jey10k] {
    justify-content: flex-end;
    text-align: right;
}

.upcoming-team-visitante[b-gqn8jey10k] {
    justify-content: flex-start;
    text-align: left;
}

.upcoming-team strong[b-gqn8jey10k] {
    color: #f4fbff;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.upcoming-vs[b-gqn8jey10k] {
    color: #849caf;
    text-align: center;
    font-size: .65rem;
    font-weight: 900;
}

.upcoming-score-block[b-gqn8jey10k] {
    display: grid;
    justify-items: end;
    gap: .16rem;
    text-align: right;
}

.upcoming-score-block span[b-gqn8jey10k] {
    color: #8ca5b6;
    font-size: .52rem;
    text-transform: uppercase;
}

.upcoming-score-block strong[b-gqn8jey10k] {
    padding: .25rem .45rem;
    color: #ffd06d;
    border: 1px solid rgba(255, 194, 59, .28);
    border-radius: 7px;
    background: rgba(255, 188, 47, .06);
    font-size: .7rem;
}

.official-picks-section[b-gqn8jey10k] {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

.official-picks-section-head[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
}

.official-picks-section-head > span[b-gqn8jey10k] {
    color: #7ee32d;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
}

.official-picks-section-head > small[b-gqn8jey10k] {
    color: #8da6b8;
    font-size: .57rem;
}

.official-picks-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    width: 100%;
    max-width: 100%;
}

.official-pick-card[b-gqn8jey10k] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid rgba(77, 181, 126, .22);
    border-radius: 10px;
    background: rgba(7, 25, 39, .88);
}

.official-pick-head[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .55rem;
    padding-bottom: .36rem;
    border-bottom: 1px solid rgba(110, 160, 193, .11);
}

.official-pick-head strong[b-gqn8jey10k] {
    color: #f3fbff;
    font-size: .77rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.official-pick-metric-row[b-gqn8jey10k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.official-pick-metric-row span[b-gqn8jey10k] {
    color: #91a9ba;
    font-size: .56rem;
}

.official-pick-metric-row strong[b-gqn8jey10k] {
    color: #7ee32d;
    font-size: .7rem;
    flex: 0 0 auto;
}

.upcoming-panel[b-gqn8jey10k],
.upcoming-list[b-gqn8jey10k],
.upcoming-match-card[b-gqn8jey10k],
.official-picks-section[b-gqn8jey10k],
.official-picks-grid[b-gqn8jey10k] {
    max-width: 100%;
}

.upcoming-panel[b-gqn8jey10k] {
    overflow-x: hidden;
}

@media (max-width: 1000px) {
    .upcoming-match-header[b-gqn8jey10k] {
        grid-template-columns: 95px minmax(0, 1fr);
    }

    .upcoming-score-block[b-gqn8jey10k] {
        grid-column: 1 / -1;
        justify-items: start;
        text-align: left;
    }
}

@media (max-width: 1320px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .upcoming-match-header[b-gqn8jey10k] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .upcoming-date-block[b-gqn8jey10k] {
        grid-template-columns: auto auto auto;
        align-items: center;
        justify-content: start;
        gap: .5rem;
    }

    .upcoming-teams-block[b-gqn8jey10k] {
        grid-template-columns: 1fr;
        gap: .42rem;
    }

    .upcoming-team-local[b-gqn8jey10k],
    .upcoming-team-visitante[b-gqn8jey10k] {
        justify-content: flex-start;
        text-align: left;
    }

    .upcoming-vs[b-gqn8jey10k] {
        display: none;
    }

    .official-pick-metric-row[b-gqn8jey10k] {
        align-items: flex-start;
        flex-direction: column;
        gap: .1rem;
    }
}


/* ================================================================
   Ajuste final: 3 picks por fila
   ================================================================ */

.official-picks-grid[b-gqn8jey10k] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1120px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}


/* Ajuste final: tarjetas sin la métrica Confianza */
.official-pick-metric-row[b-gqn8jey10k] {
    padding: .08rem 0;
}

.official-pick-metric-row span[b-gqn8jey10k] {
    font-size: .58rem;
}

.official-pick-metric-row strong[b-gqn8jey10k] {
    font-size: .74rem;
}


/* ================================================================
   Corrección final:
   Calendario conserva los picks y alcanza la altura de Rankings
   ================================================================ */

.bottom-grid[b-gqn8jey10k] {
    align-items: stretch;
}

/* Ambos paneles comparten la misma altura de la fila del grid. */
.bottom-grid > .dashboard-panel[b-gqn8jey10k] {
    min-width: 0;
    align-self: stretch;
}

/* El panel de calendario se organiza verticalmente sin perder contenido. */
.upcoming-panel[b-gqn8jey10k] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* La cabecera y la nota permanecen visibles. */
.upcoming-panel .panel-title-row[b-gqn8jey10k],
.upcoming-panel .upcoming-count-ribbon[b-gqn8jey10k],
.upcoming-panel .upcoming-note[b-gqn8jey10k] {
    flex: 0 0 auto;
}

/*
   La lista ocupa todo el espacio restante del panel.
   Se elimina el límite anterior de 620px que recortaba los picks.
*/
.upcoming-panel .upcoming-list[b-gqn8jey10k] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .28rem;
}

/* Mantener tres picks por fila en escritorio. */
.official-picks-grid[b-gqn8jey10k] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1120px) {
    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bottom-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .upcoming-panel .upcoming-list[b-gqn8jey10k] {
        max-height: none;
        overflow-y: visible;
    }

    .official-picks-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   Reorganización final del Dashboard Liga Cliente
   ================================================================ */

/* Estadísticas por equipo ocupa un renglón completo. */
.teams-full-row[b-gqn8jey10k] {
    display: block;
    width: 100%;
    margin-bottom: .85rem;
}

.teams-full-row > .teams-panel[b-gqn8jey10k] {
    width: 100%;
    max-width: 100%;
}

/* Calendario a la izquierda; Rankings y paneles auxiliares a la derecha. */
.bottom-grid-reorganized[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: minmax(560px, 1.08fr) minmax(520px, .92fr);
    gap: .85rem;
    align-items: stretch;
}

.rankings-side-column[b-gqn8jey10k] {
    display: grid;
    grid-template-rows: auto auto;
    gap: .85rem;
    min-width: 0;
}

/* Frecuencia y Contexto quedan debajo de Rankings por mercado. */
.rankings-secondary-panels[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    min-width: 0;
}

.rankings-secondary-panels > .dashboard-panel[b-gqn8jey10k] {
    min-width: 0;
    height: 100%;
}

/* El calendario mantiene sus picks y usa la altura disponible. */
.bottom-grid-reorganized > .upcoming-panel[b-gqn8jey10k] {
    min-width: 0;
    height: 100%;
}

/* La tabla de equipos conserva scroll horizontal propio cuando haga falta. */
.teams-full-row .complete-team-table[b-gqn8jey10k] {
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 1350px) {
    .bottom-grid-reorganized[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .rankings-secondary-panels[b-gqn8jey10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bottom-grid-reorganized > .upcoming-panel[b-gqn8jey10k] {
        height: auto;
    }
}

@media (max-width: 850px) {
    .rankings-secondary-panels[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }
}


/* ================================================================
   Distribución por pestañas: Resultados / Goles / Córners / Tarjetas
   ================================================================ */

.distribution-panel[b-gqn8jey10k] {
    min-width: 0;
}

.distribution-title-row[b-gqn8jey10k] {
    margin-bottom: .55rem;
}

.distribution-tabs[b-gqn8jey10k] {
    width: 100%;
    margin-bottom: .8rem;
}

.distribution-tabs .dashboard-tab[b-gqn8jey10k] {
    flex: 1 1 92px;
}

.distribution-content[b-gqn8jey10k] {
    min-height: 230px;
}

.distribution-summary[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: .55rem;
    margin-bottom: .7rem;
}

.distribution-summary > div[b-gqn8jey10k] {
    padding: .58rem .68rem;
    border: 1px solid rgba(110, 172, 209, .11);
    border-radius: 9px;
    background: rgba(4, 18, 31, .48);
}

.distribution-summary span[b-gqn8jey10k],
.distribution-summary strong[b-gqn8jey10k] {
    display: block;
}

.distribution-summary span[b-gqn8jey10k] {
    color: #7695a9;
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.distribution-summary strong[b-gqn8jey10k] {
    margin-top: .18rem;
    color: #dff2ff;
    font-size: .86rem;
}

.distribution-table-wrap[b-gqn8jey10k] {
    max-height: 285px;
    overflow: auto;
    border: 1px solid rgba(112, 169, 205, .11);
    border-radius: 10px;
}

.distribution-table[b-gqn8jey10k] {
    width: 100%;
    border-collapse: collapse;
    font-size: .7rem;
}

.distribution-table th[b-gqn8jey10k],
.distribution-table td[b-gqn8jey10k] {
    padding: .55rem .6rem;
    border-bottom: 1px solid rgba(112, 169, 205, .08);
    text-align: right;
}

.distribution-table th:first-child[b-gqn8jey10k],
.distribution-table td:first-child[b-gqn8jey10k] {
    text-align: left;
}

.distribution-table thead th[b-gqn8jey10k] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: #8ba7b9;
    background: #0a2236;
    font-size: .57rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.distribution-table tbody tr:hover[b-gqn8jey10k] {
    background: rgba(45, 140, 255, .045);
}

.distribution-percent[b-gqn8jey10k] {
    display: inline-block;
    min-width: 58px;
    padding: .25rem .4rem;
    border-radius: 999px;
    font-weight: 800;
    text-align: center;
}

.distribution-percent.over[b-gqn8jey10k] {
    color: #76f0a5;
    background: rgba(53, 218, 120, .10);
}

.distribution-percent.under[b-gqn8jey10k] {
    color: #87bdff;
    background: rgba(45, 140, 255, .10);
}

.compact-empty[b-gqn8jey10k] {
    min-height: 150px;
}

@media (max-width: 720px) {
    .distribution-tabs[b-gqn8jey10k] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .distribution-summary[b-gqn8jey10k] {
        grid-template-columns: 1fr 1fr;
    }

    .distribution-table th[b-gqn8jey10k],
    .distribution-table td[b-gqn8jey10k] {
        padding: .48rem .42rem;
    }
}


/* ================================================================
   Lectura adicional al final: tendencia, localía y 1T / 2T
   ================================================================ */

.extended-insights-section[b-gqn8jey10k] {
    margin-top: .95rem;
}

.extended-insights-heading[b-gqn8jey10k] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 .7rem;
    padding: 0 .15rem;
}

.extended-insights-heading h2[b-gqn8jey10k] {
    margin: .12rem 0 0;
    font-size: 1.12rem;
}

.extended-insights-heading p[b-gqn8jey10k] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .72rem;
}

.extended-insights-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: minmax(390px, 1.18fr) minmax(300px, .88fr) minmax(330px, .94fr);
    gap: .85rem;
    align-items: stretch;
}

.extended-insights-grid > .dashboard-panel[b-gqn8jey10k] {
    min-width: 0;
    height: 100%;
}

.recent-comparison-table-wrap[b-gqn8jey10k] {
    overflow-x: auto;
    border: 1px solid rgba(112, 169, 205, .10);
    border-radius: 10px;
}

.recent-comparison-table[b-gqn8jey10k] {
    width: 100%;
    border-collapse: collapse;
    font-size: .69rem;
}

.recent-comparison-table th[b-gqn8jey10k],
.recent-comparison-table td[b-gqn8jey10k] {
    padding: .55rem .58rem;
    border-bottom: 1px solid rgba(112, 169, 205, .08);
    text-align: right;
    white-space: nowrap;
}

.recent-comparison-table th:first-child[b-gqn8jey10k],
.recent-comparison-table td:first-child[b-gqn8jey10k] {
    text-align: left;
}

.recent-comparison-table thead th[b-gqn8jey10k] {
    color: #7f9eb2;
    background: rgba(8, 27, 44, .82);
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.recent-delta[b-gqn8jey10k] {
    display: inline-block;
    min-width: 56px;
    padding: .2rem .36rem;
    border-radius: 999px;
    font-weight: 800;
    text-align: center;
}

.recent-delta.up[b-gqn8jey10k] {
    color: #78efaa;
    background: rgba(53, 218, 120, .10);
}

.recent-delta.down[b-gqn8jey10k] {
    color: #ff9aa5;
    background: rgba(255, 79, 98, .10);
}

.recent-delta.flat[b-gqn8jey10k] {
    color: #9ab1c2;
    background: rgba(138, 166, 185, .10);
}

.venue-summary-head[b-gqn8jey10k],
.venue-summary-row[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: minmax(120px, 1.25fr) minmax(78px, .7fr) minmax(88px, .8fr);
    gap: .55rem;
    align-items: center;
}

.venue-summary-head[b-gqn8jey10k] {
    padding: .4rem .55rem;
    color: #7998ad;
    font-size: .56rem;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.venue-summary-head strong[b-gqn8jey10k],
.venue-summary-row strong[b-gqn8jey10k] {
    text-align: right;
}

.venue-summary-list[b-gqn8jey10k] {
    overflow: hidden;
    border: 1px solid rgba(112, 169, 205, .10);
    border-radius: 10px;
}

.venue-summary-row[b-gqn8jey10k] {
    padding: .66rem .55rem;
    border-bottom: 1px solid rgba(112, 169, 205, .08);
    font-size: .72rem;
}

.venue-summary-row:last-child[b-gqn8jey10k] {
    border-bottom: 0;
}

.venue-summary-row > span[b-gqn8jey10k] {
    color: #9bb4c5;
}

.venue-local-value[b-gqn8jey10k] { color: #6ce99d; }
.venue-away-value[b-gqn8jey10k] { color: #78b6ff; }

.halves-kpi-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.halves-kpi-grid > div[b-gqn8jey10k] {
    padding: .7rem;
    border: 1px solid rgba(112, 169, 205, .11);
    border-radius: 10px;
    background: rgba(5, 20, 34, .52);
}

.halves-kpi-grid span[b-gqn8jey10k],
.halves-kpi-grid strong[b-gqn8jey10k] {
    display: block;
}

.halves-kpi-grid span[b-gqn8jey10k] {
    color: #7896aa;
    font-size: .57rem;
    text-transform: uppercase;
}

.halves-kpi-grid strong[b-gqn8jey10k] {
    margin-top: .2rem;
    color: #e7f6ff;
    font-size: 1rem;
}

.halves-share[b-gqn8jey10k] {
    margin-top: .75rem;
}

.halves-share-labels[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: .6rem;
    margin-bottom: .35rem;
    color: #8ba6b9;
    font-size: .62rem;
}

.halves-share-labels span:nth-child(2)[b-gqn8jey10k] { text-align: center; }
.halves-share-labels span:last-child[b-gqn8jey10k] { text-align: right; }
.halves-share-labels strong[b-gqn8jey10k] { color: #e3f3ff; }

.halves-share-bar[b-gqn8jey10k] {
    display: flex;
    width: 100%;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
}

.halves-share-bar span[b-gqn8jey10k] {
    display: block;
    height: 100%;
}

.halves-share-bar .first-half[b-gqn8jey10k] {
    background: linear-gradient(90deg, #35da78, #20be68);
}

.halves-share-bar .second-half[b-gqn8jey10k] {
    background: linear-gradient(90deg, #2d8cff, #15bfe8);
}

.halves-share small[b-gqn8jey10k] {
    display: block;
    margin-top: .38rem;
    color: #6f8ea3;
    font-size: .59rem;
}

@media (max-width: 1300px) {
    .extended-insights-grid[b-gqn8jey10k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .halves-panel[b-gqn8jey10k] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 800px) {
    .extended-insights-heading[b-gqn8jey10k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .extended-insights-grid[b-gqn8jey10k] {
        grid-template-columns: 1fr;
    }

    .halves-panel[b-gqn8jey10k] {
        grid-column: auto;
    }
}

/* =========================================================
   DASHBOARD LIGA - REDISEÑO PROFESIONAL V1
   Inspirado en el mockup profesional generado.
   Mantiene la lógica existente y rehace la presentación.
   ========================================================= */
.league-dashboard[b-gqn8jey10k] {
    --bg: #061321;
    --panel: rgba(8, 26, 43, .88);
    --panel-2: rgba(10, 31, 50, .95);
    --panel-3: rgba(8, 24, 39, .96);
    --border: rgba(94, 153, 206, .22);
    --text: #eef7ff;
    --muted: #8ea7bd;
    --green: #41df85;
    --blue: #4196ff;
    --cyan: #20c8f2;
    --yellow: #f6c445;
    --purple: #a868ff;
    --red: #ff5f73;
    --teal: #2de0cf;
    min-height: 100vh;
    margin: -1.5rem;
    padding: 1.2rem;
    color: var(--text);
    background:
        radial-gradient(circle at 82% 4%, rgba(42, 129, 198, .20), transparent 20%),
        radial-gradient(circle at 22% 16%, rgba(46, 223, 133, .08), transparent 26%),
        linear-gradient(135deg, #03101c 0%, #071b2b 48%, #051525 100%);
}

.dashboard-header-pro[b-gqn8jey10k] {
    position: relative;
    justify-content: space-between;
    align-items: stretch;
    gap: 1.5rem;
    overflow: hidden;
    min-height: 132px;
    padding: 1.35rem 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(90, 154, 214, .24);
    border-radius: 22px;
    background:
        linear-gradient(90deg, rgba(3,13,24,.92) 0%, rgba(7,27,43,.86) 42%, rgba(12,41,65,.68) 100%),
        radial-gradient(circle at 76% 48%, rgba(79, 154, 255, .12), transparent 18%);
    box-shadow: 0 24px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}

.dashboard-header-pro[b-gqn8jey10k]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 76% 32%, rgba(255,255,255,.18) 0, rgba(255,255,255,.02) 18%, transparent 36%),
        radial-gradient(circle at 77% 34%, rgba(85, 157, 255, .22), transparent 12%),
        linear-gradient(180deg, transparent 0, rgba(255,255,255,.02) 100%);
    pointer-events: none;
}

.header-main[b-gqn8jey10k],
.hero-side-copy[b-gqn8jey10k] {
    position: relative;
    z-index: 1;
}

.header-main[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: 1.3rem;
}

.brand-block[b-gqn8jey10k] {
    min-width: 190px;
    padding-right: 1rem;
}

.brand-ball[b-gqn8jey10k] {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(75, 149, 255, .7);
    background: linear-gradient(135deg, rgba(57,150,255,.28), rgba(31,86,201,.08));
    box-shadow: 0 0 28px rgba(65,150,255,.28), inset 0 0 20px rgba(255,255,255,.05);
}

.brand-block strong[b-gqn8jey10k] { font-size: 1.15rem; }
.brand-block span[b-gqn8jey10k] { color: #b8cade; font-size: .78rem; }

.header-copy h1[b-gqn8jey10k] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.05;
    letter-spacing: -.03em;
}

.header-copy p[b-gqn8jey10k] {
    max-width: 780px;
    margin: .35rem 0 0;
    color: #a3bbcf;
    font-size: 1rem;
}

.hero-side-copy[b-gqn8jey10k] {
    display: grid;
    align-content: center;
    justify-items: end;
    gap: .25rem;
    min-width: 190px;
    text-align: right;
}

.hero-side-copy span[b-gqn8jey10k] {
    color: #d7e8f8;
    font-size: .82rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    text-shadow: 0 0 14px rgba(83,145,255,.16);
}

.dashboard-alert[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .9rem;
    padding: .9rem 1.1rem;
    border-radius: 16px;
    border: 1px solid;
    box-shadow: 0 10px 26px rgba(0,0,0,.14);
}

.dashboard-alert.ok[b-gqn8jey10k] {
    color: #dff9ea;
    border-color: rgba(64, 208, 116, .38);
    background: linear-gradient(90deg, rgba(21,87,53,.72), rgba(17,67,47,.48));
}

.dashboard-alert-live strong[b-gqn8jey10k] { color: #ffffff; }
.alert-live-dot[b-gqn8jey10k] {
    width: 10px; height: 10px; border-radius: 50%;
    background: #66ef98; box-shadow: 0 0 16px rgba(102,239,152,.85);
}

.filter-strip[b-gqn8jey10k] {
    grid-template-columns: 1fr 1.05fr 1.2fr 1.05fr 1fr auto;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid rgba(90, 154, 214, .22);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7,25,41,.95), rgba(7,22,37,.92));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.filter-strip label[b-gqn8jey10k] {
    gap: .42rem;
    padding: .2rem;
}

.filter-strip label span[b-gqn8jey10k] {
    color: #88a6be;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .09em;
}

.filter-strip select[b-gqn8jey10k] {
    min-height: 46px;
    padding: .65rem .8rem;
    color: #f2f8ff;
    border: 1px solid rgba(115, 171, 220, .24);
    border-radius: 12px;
    background: linear-gradient(180deg, #081827, #071321);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.filter-strip select:focus[b-gqn8jey10k] {
    border-color: #4a9cff;
    box-shadow: 0 0 0 3px rgba(74,156,255,.12);
}

.refresh-button[b-gqn8jey10k] {
    min-width: 220px;
    min-height: 46px;
    padding: .8rem 1.2rem;
    color: #ffffff;
    font-weight: 800;
    border-radius: 12px;
    background: linear-gradient(135deg, #3f8dff, #2872ff);
    box-shadow: 0 14px 26px rgba(43,119,255,.26);
}

.context-ribbon[b-gqn8jey10k] {
    gap: 1.45rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(90,154,214,.2);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(7,25,41,.92), rgba(7,22,37,.88));
    box-shadow: 0 12px 28px rgba(0,0,0,.14);
}

.context-ribbon > div:not(.informative-tag)[b-gqn8jey10k] {
    min-width: 150px;
    padding-left: 1.1rem;
    border-left: 1px solid rgba(115,171,220,.14);
}

.context-ribbon > div:first-child[b-gqn8jey10k] { border-left: 0; padding-left: 0; }
.context-ribbon span[b-gqn8jey10k] { color: #87a5bd; font-size: .67rem; font-weight: 700; letter-spacing: .08em; }
.context-ribbon strong[b-gqn8jey10k] { font-size: 1.05rem; }

.informative-tag[b-gqn8jey10k] {
    color: #b6dbff;
    border-color: rgba(87, 165, 255, .26);
    background: rgba(48, 123, 235, .10);
    font-size: .76rem;
}

.kpi-grid-expanded[b-gqn8jey10k] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: .85rem;
}

.kpi-card[b-gqn8jey10k] {
    min-height: 182px;
    padding: .95rem .95rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(90,154,214,.2);
    background: linear-gradient(145deg, rgba(13,40,62,.94), rgba(7,24,39,.97));
    box-shadow: 0 16px 38px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255,255,255,.03);
}

.kpi-card span[b-gqn8jey10k] {
    display: block;
    margin-top: .25rem;
    color: #93afc5;
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
}

.kpi-card strong[b-gqn8jey10k] {
    display: block;
    margin-top: .22rem;
    font-size: 2rem;
    line-height: 1;
}

.kpi-card small[b-gqn8jey10k] {
    display: block;
    margin-top: .55rem;
    color: #dceaf6;
    line-height: 1.4;
    font-size: .83rem;
}

.kpi-illustration[b-gqn8jey10k] {
    width: 54px; height: 54px;
    border-radius: 16px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    margin-bottom: .6rem;
}

.kpi-card[b-gqn8jey10k]::before {
    content: "";
    position: absolute;
    left: 14px; right: 14px; bottom: 12px; height: 22px;
    opacity: .95;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.kpi-card.green[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%2341df85' stroke-width='2.8' points='2,18 20,10 38,14 56,6 74,12 92,4 110,9 128,2 146,11 164,5 178,13'/%3E%3C/svg%3E"); }
.kpi-card.blue[b-gqn8jey10k]::before, .kpi-card.cyan[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%2339a0ff' stroke-width='2.8' points='2,16 20,14 38,17 56,9 74,13 92,7 110,11 128,4 146,9 164,6 178,8'/%3E%3C/svg%3E"); }
.kpi-card.yellow[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%23f6c445' stroke-width='2.8' points='2,8 20,16 38,10 56,18 74,7 92,15 110,6 128,12 146,5 164,14 178,3'/%3E%3C/svg%3E"); }
.kpi-card.indigo[b-gqn8jey10k]::before, .kpi-card.purple[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%23a868ff' stroke-width='2.8' points='2,18 20,15 38,16 56,10 74,13 92,7 110,14 128,9 146,11 164,4 178,8'/%3E%3C/svg%3E"); }
.kpi-card.teal[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%232de0cf' stroke-width='2.8' points='2,18 20,11 38,13 56,7 74,4 92,9 110,10 128,5 146,2 164,6 178,4'/%3E%3C/svg%3E"); }
.kpi-card.red[b-gqn8jey10k]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 22'%3E%3Cpolyline fill='none' stroke='%23ff5f73' stroke-width='2.8' points='2,18 20,9 38,12 56,6 74,11 92,4 110,8 128,3 146,10 164,5 178,2'/%3E%3C/svg%3E"); }

.kpi-trend[b-gqn8jey10k] {
    display: inline-flex;
    align-items: center;
    margin-left: .3rem;
    padding: .14rem .4rem;
    border-radius: 999px;
    background: rgba(246,196,69,.12);
    color: #f6c445 !important;
    font-style: normal;
    font-weight: 700;
}

.primary-grid[b-gqn8jey10k] {
    grid-template-columns: minmax(0, 1.85fr) minmax(360px, 1fr);
    gap: .9rem;
}

.dashboard-panel[b-gqn8jey10k] {
    border: 1px solid rgba(90,154,214,.22);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(7,25,41,.95), rgba(7,22,37,.92));
    box-shadow: 0 18px 40px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
}

.panel-title-row[b-gqn8jey10k] {
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-kicker[b-gqn8jey10k] {
    color: #53a5ff;
    font-size: .73rem;
    letter-spacing: .13em;
    font-weight: 800;
}

.dashboard-panel h2[b-gqn8jey10k] {
    margin: .2rem 0 0;
    font-size: 2rem;
    line-height: 1.1;
}

.panel-subtitle[b-gqn8jey10k], .dashboard-panel p[b-gqn8jey10k], .league-average-note[b-gqn8jey10k], .upcoming-note[b-gqn8jey10k] {
    color: #8ea7bd;
}

.dashboard-tabs[b-gqn8jey10k] {
    padding: .24rem;
    border-radius: 13px;
    border: 1px solid rgba(115,171,220,.16);
    background: rgba(4,16,28,.38);
}

.dashboard-tabs button[b-gqn8jey10k] {
    min-width: 74px;
    padding: .62rem .95rem;
    border-radius: 10px;
    color: #97afc6;
}

.dashboard-tabs button.active[b-gqn8jey10k],
.dashboard-tabs button[aria-selected="true"][b-gqn8jey10k],
.dashboard-tabs button:hover[b-gqn8jey10k] {
    color: #fff;
    background: linear-gradient(135deg, #4994ff, #7d63ff);
    box-shadow: 0 10px 18px rgba(74,148,255,.18);
}

.chart-summary-grid div[b-gqn8jey10k],
.distribution-summary div[b-gqn8jey10k] {
    border-radius: 14px;
    border: 1px solid rgba(90,154,214,.16);
    background: rgba(10, 26, 40, .72);
}

.chart-wrap[b-gqn8jey10k] {
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(90,154,214,.14);
    background: linear-gradient(180deg, rgba(6,20,34,.82), rgba(6,18,31,.92));
}

.trend-chart[b-gqn8jey10k] {
    filter: drop-shadow(0 8px 20px rgba(255,86,108,.12));
}

.distribution-panel[b-gqn8jey10k] {
    padding-top: 1.1rem;
}

.result-content[b-gqn8jey10k] {
    align-items: center;
}

.donut[b-gqn8jey10k] {
    width: 188px;
    height: 188px;
    box-shadow: inset 0 0 0 10px rgba(255,255,255,.02), 0 10px 28px rgba(0,0,0,.18);
}

.donut-center strong[b-gqn8jey10k] { font-size: 2.2rem; }
.donut-center span[b-gqn8jey10k] { color: #a3bad0; }

.result-legend > div[b-gqn8jey10k] {
    padding: .8rem .7rem;
    border-bottom: 1px solid rgba(115,171,220,.12);
}
.result-legend > div:last-child[b-gqn8jey10k] { border-bottom: 0; }
.result-legend span[b-gqn8jey10k] { color: #eaf4ff; }
.result-legend span small[b-gqn8jey10k] { color: #8ea7bd; }
.result-legend strong[b-gqn8jey10k] { font-size: 1.65rem; }

.teams-panel[b-gqn8jey10k],
.upcoming-panel[b-gqn8jey10k],
.leaders-panel[b-gqn8jey10k],
.dashboard-panel[b-gqn8jey10k] {
    backdrop-filter: blur(6px);
}

.team-table thead th[b-gqn8jey10k],
.distribution-table thead th[b-gqn8jey10k] {
    color: #98b1c8;
    background: rgba(10, 28, 44, .84);
}

.team-table tbody tr[b-gqn8jey10k],
.distribution-table tbody tr[b-gqn8jey10k] {
    background: rgba(5, 20, 33, .34);
}
.team-table tbody tr:nth-child(even)[b-gqn8jey10k],
.distribution-table tbody tr:nth-child(even)[b-gqn8jey10k] {
    background: rgba(10, 27, 42, .44);
}

.complete-team-table[b-gqn8jey10k],
.table-scroll[b-gqn8jey10k],
.distribution-table-wrap[b-gqn8jey10k] {
    border-radius: 16px;
    border: 1px solid rgba(90,154,214,.12);
    overflow: hidden;
}

.mini-badge[b-gqn8jey10k] {
    padding: .34rem .6rem;
    color: #d7eaff;
    border-radius: 999px;
    background: rgba(67, 137, 255, .12);
    border: 1px solid rgba(67,137,255,.2);
}

.upcoming-count-ribbon[b-gqn8jey10k] {
    border-radius: 14px;
    background: rgba(65, 150, 255, .10);
    border: 1px solid rgba(65,150,255,.18);
}

.official-pick-card[b-gqn8jey10k],
.market-top-card[b-gqn8jey10k],
.upcoming-match-card[b-gqn8jey10k] {
    border-radius: 16px;
    border: 1px solid rgba(90,154,214,.16);
    background: linear-gradient(180deg, rgba(9, 27, 43, .84), rgba(8, 24, 39, .92));
    box-shadow: 0 10px 28px rgba(0,0,0,.14);
}

.market-top-card h3[b-gqn8jey10k],
.official-pick-head strong[b-gqn8jey10k],
.upcoming-team strong[b-gqn8jey10k],
.team-cell strong[b-gqn8jey10k] {
    color: #edf7ff;
}

.empty-dashboard[b-gqn8jey10k],
.panel-empty[b-gqn8jey10k] {
    border-radius: 18px;
    background: rgba(7,24,39,.66);
}

@media (max-width: 1600px) {
    .kpi-grid-expanded[b-gqn8jey10k] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1200px) {
    .dashboard-header-pro[b-gqn8jey10k] { flex-direction: column; }
    .hero-side-copy[b-gqn8jey10k] { justify-items: start; text-align: left; }
    .filter-strip[b-gqn8jey10k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .refresh-button[b-gqn8jey10k] { min-width: 100%; }
    .primary-grid[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .context-ribbon[b-gqn8jey10k] { flex-wrap: wrap; }
    .context-ribbon > div:not(.informative-tag)[b-gqn8jey10k] { min-width: calc(50% - 1rem); }
}

@media (max-width: 820px) {
    .league-dashboard[b-gqn8jey10k] { margin: -.8rem; padding: .7rem; }
    .header-main[b-gqn8jey10k] { flex-direction: column; align-items: flex-start; }
    .kpi-grid-expanded[b-gqn8jey10k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .context-ribbon > div:not(.informative-tag)[b-gqn8jey10k] { min-width: 100%; padding-left: 0; border-left: 0; }
    .filter-strip[b-gqn8jey10k] { grid-template-columns: 1fr; }
}

/* =========================================================
   DASHBOARD LIGA V2 - DROPDOWNS LEGIBLES EN WINDOWS/EDGE
   El menú nativo de <select> puede abrir con fondo blanco aunque
   el control cerrado sea oscuro. Forzamos texto oscuro en options.
   ========================================================= */
.league-dashboard .filter-strip select[b-gqn8jey10k] {
    color: #f2f8ff !important;
    background-color: #081827 !important;
}

.league-dashboard .filter-strip select option[b-gqn8jey10k] {
    color: #10233f !important;
    background: #ffffff !important;
    font-weight: 500;
}

.league-dashboard .filter-strip select option:checked[b-gqn8jey10k] {
    color: #ffffff !important;
    background: #2f6fbe !important;
}

.league-dashboard .filter-strip select option:disabled[b-gqn8jey10k] {
    color: #8a99aa !important;
    background: #f3f5f7 !important;
}

.league-dashboard .filter-strip select:disabled[b-gqn8jey10k] {
    color: #71869b !important;
    background: #0b1926 !important;
    opacity: .78;
}

/* Mismo tratamiento para selectores internos del dashboard */
.league-dashboard select option[b-gqn8jey10k] {
    color: #10233f;
    background: #ffffff;
}

.league-dashboard select option:checked[b-gqn8jey10k] {
    color: #ffffff;
    background: #2f6fbe;
}


/* =========================================================
   DASHBOARD LIGA - CAPA DE ANÁLISIS VISUAL
   ========================================================= */
.analysis-helper-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: 1.45fr 1.1fr .95fr;
    gap: .9rem;
    margin-bottom: .95rem;
}

.league-profile-panel[b-gqn8jey10k],
.market-thermometer-panel[b-gqn8jey10k],
.data-coverage-panel[b-gqn8jey10k] {
    padding: 1.1rem 1.15rem;
}

.league-profile-grid[b-gqn8jey10k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.league-profile-item[b-gqn8jey10k],
.market-thermometer-item[b-gqn8jey10k] {
    padding: .85rem .9rem;
    border-radius: 15px;
    border: 1px solid rgba(104, 164, 216, .16);
    background: linear-gradient(180deg, rgba(8, 25, 40, .82), rgba(7, 20, 34, .9));
}

.league-profile-item span[b-gqn8jey10k],
.market-thermometer-item span[b-gqn8jey10k],
.coverage-head span[b-gqn8jey10k] {
    display:block;
    color:#91acc2;
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:700;
}

.league-profile-item strong[b-gqn8jey10k],
.market-thermometer-item strong[b-gqn8jey10k],
.coverage-head strong[b-gqn8jey10k] {
    display:block;
    margin-top:.2rem;
    font-size:1.05rem;
    color:#f2f8ff;
}

.league-profile-item small[b-gqn8jey10k],
.market-thermometer-item small[b-gqn8jey10k],
.coverage-item small[b-gqn8jey10k] {
    display:block;
    margin-top:.3rem;
    color:#8ea7bd;
    line-height:1.35;
}

.league-profile-item.good[b-gqn8jey10k],
.market-thermometer-item.good[b-gqn8jey10k] { border-color: rgba(65,223,133,.24); box-shadow: inset 0 0 0 1px rgba(65,223,133,.04); }
.league-profile-item.neutral[b-gqn8jey10k],
.market-thermometer-item.neutral[b-gqn8jey10k] { border-color: rgba(82,148,255,.24); box-shadow: inset 0 0 0 1px rgba(82,148,255,.04); }
.league-profile-item.warn[b-gqn8jey10k],
.market-thermometer-item.warn[b-gqn8jey10k] { border-color: rgba(246,196,69,.24); box-shadow: inset 0 0 0 1px rgba(246,196,69,.04); }
.league-profile-item.hot[b-gqn8jey10k],
.market-thermometer-item.hot[b-gqn8jey10k] { border-color: rgba(255,95,115,.24); box-shadow: inset 0 0 0 1px rgba(255,95,115,.04); }

.league-profile-item.good strong[b-gqn8jey10k],
.market-thermometer-item.good em[b-gqn8jey10k] { color: #57ec96; }
.league-profile-item.neutral strong[b-gqn8jey10k],
.market-thermometer-item.neutral em[b-gqn8jey10k] { color: #7eb1ff; }
.league-profile-item.warn strong[b-gqn8jey10k],
.market-thermometer-item.warn em[b-gqn8jey10k] { color: #f6c445; }
.league-profile-item.hot strong[b-gqn8jey10k],
.market-thermometer-item.hot em[b-gqn8jey10k] { color: #ff7d8e; }

.league-insight-list[b-gqn8jey10k] {
    display:grid;
    gap:.55rem;
    margin-top:.8rem;
}

.league-insight-item[b-gqn8jey10k] {
    padding: .75rem .9rem;
    border-radius: 13px;
    border: 1px solid rgba(98, 160, 214, .14);
    background: rgba(5, 19, 31, .45);
    color: #dce9f6;
    line-height: 1.45;
}

.market-thermometer-grid[b-gqn8jey10k] {
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.market-thermometer-item[b-gqn8jey10k] {
    display:grid;
    gap:.2rem;
}

.market-thermometer-item em[b-gqn8jey10k] {
    font-style: normal;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.coverage-list[b-gqn8jey10k] {
    display:grid;
    gap:.7rem;
}

.coverage-item[b-gqn8jey10k] {
    padding:.85rem .9rem;
    border-radius:15px;
    border:1px solid rgba(104,164,216,.16);
    background: linear-gradient(180deg, rgba(8, 25, 40, .82), rgba(7, 20, 34, .9));
}

.coverage-head[b-gqn8jey10k] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    margin-bottom:.45rem;
}

.coverage-bar-track[b-gqn8jey10k] {
    position: relative;
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
}

.coverage-bar-fill[b-gqn8jey10k] {
    display:block;
    height:100%;
    border-radius:999px;
}

.coverage-bar-fill.good[b-gqn8jey10k] { background: linear-gradient(90deg, #35da78, #51ebb5); }
.coverage-bar-fill.neutral[b-gqn8jey10k] { background: linear-gradient(90deg, #3690ff, #6e77ff); }
.coverage-bar-fill.warn[b-gqn8jey10k] { background: linear-gradient(90deg, #f4bc3d, #ff8f48); }

@media (max-width: 1400px) {
    .analysis-helper-grid[b-gqn8jey10k] { grid-template-columns: 1fr 1fr; }
    .data-coverage-panel[b-gqn8jey10k] { grid-column: 1 / -1; }
    .league-profile-grid[b-gqn8jey10k] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
    .analysis-helper-grid[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .league-profile-grid[b-gqn8jey10k],
    .market-thermometer-grid[b-gqn8jey10k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .league-profile-grid[b-gqn8jey10k],
    .market-thermometer-grid[b-gqn8jey10k] { grid-template-columns: 1fr; }
    .coverage-head[b-gqn8jey10k] { flex-direction: column; align-items: flex-start; }
}


/* Control visual para mostrar / ocultar el bloque de análisis rápido */
.section-toggle-bar[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .2rem 0 .8rem;
    padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(94, 153, 206, .18);
    background: linear-gradient(180deg, rgba(7,25,41,.90), rgba(6,18,31,.88));
}

.section-toggle-bar > div[b-gqn8jey10k] {
    display: grid;
    gap: .18rem;
}

.section-toggle-bar strong[b-gqn8jey10k] {
    color: var(--text);
    font-size: 1rem;
    line-height: 1.25;
}

.section-toggle-bar small[b-gqn8jey10k] {
    color: var(--muted);
    line-height: 1.35;
}

.section-toggle-button[b-gqn8jey10k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .58rem .95rem;
    border-radius: 999px;
    border: 1px solid rgba(90,154,214,.22);
    background: rgba(67, 137, 255, .10);
    color: #d7eaff;
    font-size: .83rem;
    font-weight: 700;
    letter-spacing: .02em;
    cursor: pointer;
    transition: .18s ease;
    white-space: nowrap;
}

.section-toggle-button:hover[b-gqn8jey10k] {
    background: rgba(67, 137, 255, .18);
    border-color: rgba(67, 137, 255, .34);
    transform: translateY(-1px);
}

@media (max-width: 920px) {
    .section-toggle-bar[b-gqn8jey10k] {
        flex-direction: column;
        align-items: stretch;
    }
}


/* Acciones de cabecera para Estadísticas por equipo. */
.teams-title-actions[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .teams-title-actions[b-gqn8jey10k] {
        width: 100%;
        justify-content: flex-start;
    }
}


/* V42 · Rankings a ancho completo con resumen inferior en tres columnas. */
.rankings-full-width-row[b-gqn8jey10k] { width: 100%; margin-bottom: .85rem; }
.rankings-full-width-row > .dashboard-panel[b-gqn8jey10k] { width: 100%; }
.rankings-full-width-row .market-top-grid[b-gqn8jey10k] { grid-template-columns: repeat(5, minmax(170px, 1fr)); gap: .55rem; }
.rankings-toggle-bar[b-gqn8jey10k] { margin-top: .9rem; }
.rankings-summary-row[b-gqn8jey10k] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-top:.8rem; }
.quick-ranking-summary-panel[b-gqn8jey10k] { padding:.85rem; }
.quick-ranking-summary-panel .quick-ranking-list[b-gqn8jey10k] { display:grid; gap:0; margin-top:.2rem; }
.quick-ranking-summary-panel .quick-ranking-list > div[b-gqn8jey10k] { display:grid; grid-template-columns:20px 1fr auto; gap:.34rem; align-items:center; padding:.36rem 0; border-bottom:1px solid rgba(105,163,200,.07); font-size:.67rem; }
.quick-ranking-summary-panel .quick-ranking-list > div:last-child[b-gqn8jey10k] { border-bottom:0; }
.calendar-full-width-row[b-gqn8jey10k],.calendar-full-width-row.bottom-grid-reorganized[b-gqn8jey10k] { grid-template-columns:1fr; }
@media (max-width:1700px){.rankings-full-width-row .market-top-grid[b-gqn8jey10k]{grid-template-columns:repeat(4,minmax(170px,1fr));}}
@media (max-width:1300px){.rankings-full-width-row .market-top-grid[b-gqn8jey10k]{grid-template-columns:repeat(3,minmax(170px,1fr));}}
@media (max-width:1200px){.rankings-summary-row[b-gqn8jey10k]{grid-template-columns:1fr;}}
@media (max-width:980px){.rankings-full-width-row .market-top-grid[b-gqn8jey10k]{grid-template-columns:repeat(2,minmax(170px,1fr));}}
@media (max-width:700px){.rankings-full-width-row .market-top-grid[b-gqn8jey10k]{grid-template-columns:1fr;}}


/* Picks por partido: control de visibilidad y semáforo ejecutivo. */
.official-picks-section-actions[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.match-picks-toggle[b-gqn8jey10k] {
    border: 1px solid rgba(55, 173, 235, .58);
    background: rgba(8, 43, 70, .88);
    color: #8fdcff;
    border-radius: 9px;
    padding: 6px 10px;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.match-picks-toggle:hover[b-gqn8jey10k] {
    border-color: #42c9ff;
    color: #d9f5ff;
}

.official-pick-badges[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.official-semaphore-badge[b-gqn8jey10k] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .035em;
    border: 1px solid transparent;
    white-space: nowrap;
}

.official-semaphore-badge.sem-excelente[b-gqn8jey10k] {
    color: #55f0a5;
    border-color: rgba(48, 215, 139, .55);
    background: rgba(17, 105, 70, .26);
}

.official-semaphore-badge.sem-fuerte[b-gqn8jey10k] {
    color: #66bcff;
    border-color: rgba(65, 153, 255, .55);
    background: rgba(27, 90, 161, .26);
}

.official-semaphore-badge.sem-favorable[b-gqn8jey10k] {
    color: #ffd84c;
    border-color: rgba(255, 210, 46, .58);
    background: rgba(121, 93, 0, .25);
}

.official-semaphore-badge.sem-medio[b-gqn8jey10k] {
    color: #ffad5d;
    border-color: rgba(255, 153, 66, .58);
    background: rgba(125, 68, 17, .26);
}

.official-semaphore-badge.sem-neutral[b-gqn8jey10k] {
    color: #a9bad0;
    border-color: rgba(129, 154, 184, .4);
    background: rgba(75, 94, 119, .2);
}

@media (max-width: 720px) {
    .official-picks-section-head[b-gqn8jey10k] {
        align-items: flex-start;
    }

    .official-picks-section-actions[b-gqn8jey10k] {
        justify-content: flex-start;
    }
}


/* V45 · bandera del país seleccionado en Dashboard Liga V3 */
.league-select-with-flag[b-gqn8jey10k]{position:relative;min-width:0}
.league-select-with-flag>select[b-gqn8jey10k]{width:100%}
.league-select-with-flag>select.has-country-flag[b-gqn8jey10k]{padding-left:2.55rem!important}
.league-country-flag[b-gqn8jey10k]{width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.league-select-with-flag>.league-country-flag[b-gqn8jey10k]{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none}
.league-name-with-flag[b-gqn8jey10k]{display:inline-flex!important;align-items:center;gap:.5rem}
.league-name-with-flag .context-country-flag[b-gqn8jey10k]{width:28px;height:19px;flex:0 0 auto}


/* ================================================================
   V47 · Matriz gráfica de la liga
   Oculta por default y desplegable bajo el cintillo de contexto.
   ================================================================ */
.league-matrix-panel[b-gqn8jey10k] {
    margin: .85rem 0 1rem;
    padding: 0;
    overflow: hidden;
}

.league-matrix-toggle-bar[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
}

.league-matrix-heading[b-gqn8jey10k] {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.league-matrix-heading > strong[b-gqn8jey10k] {
    color: #eef8ff;
    font-size: .88rem;
}

.league-matrix-heading > small[b-gqn8jey10k] {
    color: #8ea8ba;
    font-size: .62rem;
}

.league-matrix-toggle-actions[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
    flex-wrap: wrap;
}

.league-matrix-status[b-gqn8jey10k] {
    display: grid;
    min-width: 132px;
    padding: .48rem .65rem;
    border: 1px solid rgba(53,218,120,.24);
    border-radius: 9px;
    background: rgba(53,218,120,.07);
    text-align: right;
}

.league-matrix-status strong[b-gqn8jey10k] {
    color: #55e99a;
    font-size: .9rem;
}

.league-matrix-status span[b-gqn8jey10k] {
    color: #8ca5b7;
    font-size: .56rem;
}

.league-matrix-body[b-gqn8jey10k] {
    padding: .15rem 1rem 1rem;
    border-top: 1px solid rgba(105,171,220,.12);
}

.league-matrix-legend[b-gqn8jey10k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    margin: .7rem 0;
    color: #c9dbea;
    font-size: .62rem;
    font-weight: 700;
}

.league-matrix-legend > span[b-gqn8jey10k] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.league-matrix-legend-box[b-gqn8jey10k] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.18);
}

.league-matrix-cut-line[b-gqn8jey10k] {
    display: inline-block;
    width: 16px;
    height: 14px;
    border-left: 3px solid rgba(220,235,247,.92);
}

.league-matrix-scroll[b-gqn8jey10k] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    border: 1px solid rgba(105,171,220,.22);
    border-radius: 10px;
    background: rgba(3,15,26,.82);
}

.league-graphic-matrix[b-gqn8jey10k] {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0;
    color: #eef7ff;
    background: #061523;
    font-size: .66rem;
}

.league-graphic-matrix th[b-gqn8jey10k],
.league-graphic-matrix td[b-gqn8jey10k] {
    border: 1px solid #20415e;
}

.league-matrix-corner[b-gqn8jey10k] {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 8;
    width: 190px;
    min-width: 190px;
    height: 112px;
    padding: .45rem;
    vertical-align: middle;
    text-align: left;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f3f8fc !important;
    font-size: .64rem;
    font-weight: 900;
}

.league-matrix-column[b-gqn8jey10k] {
    position: sticky;
    top: 0;
    z-index: 6;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 112px;
    padding: 0;
    vertical-align: bottom;
    text-align: center;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f3f8fc !important;
}

.league-matrix-position[b-gqn8jey10k] {
    padding-top: 2px;
    color: #7fd0ff;
    font-size: .56rem;
    font-weight: 900;
    line-height: 1.05;
}

.league-matrix-zone[b-gqn8jey10k] {
    margin-top: 1px;
    color: #abc0d0;
    font-size: .45rem;
    font-weight: 800;
    line-height: 1;
}

.league-matrix-team-vertical[b-gqn8jey10k] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 88px;
    margin: auto;
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #f4f8fc;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.05;
}

.league-matrix-row-team[b-gqn8jey10k] {
    position: sticky;
    left: 0;
    z-index: 5;
    width: 190px;
    min-width: 190px;
    max-width: 190px;
    height: 31px;
    padding: .28rem .4rem;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    background: linear-gradient(180deg,#061523,#071a2b) !important;
    color: #f4f8fc !important;
}

.league-matrix-row-position[b-gqn8jey10k] {
    display: inline-block;
    width: 20px;
    color: #7fd0ff;
    font-size: .56rem;
    font-weight: 900;
}

.league-matrix-row-zone[b-gqn8jey10k] {
    display: inline-block;
    min-width: 42px;
    margin-right: .25rem;
    color: #b6c8d6;
    font-size: .49rem;
    font-weight: 800;
}

.league-matrix-row-name[b-gqn8jey10k] {
    font-size: .63rem;
    font-weight: 750;
}

.league-matrix-cell[b-gqn8jey10k] {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 31px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #f8fbff;
    background: #edf2f6;
    font-size: .59rem;
    font-weight: 900;
}

.league-matrix-cell.matrix-home-win[b-gqn8jey10k] {
    color: #04170d;
    background: #18d76b;
}

.league-matrix-cell.matrix-draw[b-gqn8jey10k] {
    color: #211600;
    background: #f2c000;
}

.league-matrix-cell.matrix-away-win[b-gqn8jey10k] {
    color: #fff;
    background: #e21f2f;
}

.league-matrix-cell.league-matrix-diagonal[b-gqn8jey10k] {
    color: #d8e6ef;
    background: #101f2c;
}

.league-matrix-cut-vertical[b-gqn8jey10k] {
    border-left: 3px solid rgba(232,241,247,.92) !important;
}

tr.league-matrix-cut-horizontal > th[b-gqn8jey10k],
tr.league-matrix-cut-horizontal > td[b-gqn8jey10k] {
    border-top: 3px solid rgba(232,241,247,.92) !important;
}

.league-matrix-footnote[b-gqn8jey10k] {
    margin-top: .6rem;
    color: #839cad;
    font-size: .58rem;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .league-matrix-toggle-bar[b-gqn8jey10k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .league-matrix-toggle-actions[b-gqn8jey10k] {
        width: 100%;
        justify-content: space-between;
    }

    .league-matrix-status[b-gqn8jey10k] {
        text-align: left;
    }
}


/* ================================================================
   V48 · Mejora de visibilidad en Matriz Liga
   - Marcadores más grandes y contrastados.
   - Leyenda superior con colores sólidos visibles.
   - Celdas de resultado con colores más definidos.
   ================================================================ */

/* Leyenda: los colores deben verse aunque no sea una celda de tabla. */
.league-matrix-legend-box.matrix-home-win[b-gqn8jey10k] {
    background: #18d76b !important;
    border-color: #4ff29a !important;
}

.league-matrix-legend-box.matrix-draw[b-gqn8jey10k] {
    background: #f2c000 !important;
    border-color: #ffe064 !important;
}

.league-matrix-legend-box.matrix-away-win[b-gqn8jey10k] {
    background: #e21f2f !important;
    border-color: #ff5c67 !important;
}

.league-matrix-legend-box[b-gqn8jey10k] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    min-height: 16px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 0 8px rgba(255,255,255,.06);
}

.league-matrix-cut-line[b-gqn8jey10k] {
    width: 18px !important;
    height: 16px !important;
    border-left-width: 4px !important;
    border-left-color: #e8f1f7 !important;
}

/* Marcadores: mayor tamaño y contraste. */
.league-matrix-cell[b-gqn8jey10k] {
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .015em;
    text-shadow: 0 1px 1px rgba(0,0,0,.22);
}

/* Colores de resultados reforzados. */
.league-matrix-cell.matrix-home-win[b-gqn8jey10k] {
    background: #13d96a !important;
    color: #03180c !important;
    border-color: rgba(3,85,43,.72) !important;
}

.league-matrix-cell.matrix-draw[b-gqn8jey10k] {
    background: #f4c400 !important;
    color: #241900 !important;
    border-color: rgba(116,90,0,.72) !important;
}

.league-matrix-cell.matrix-away-win[b-gqn8jey10k] {
    background: #e51f32 !important;
    color: #ffffff !important;
    border-color: rgba(118,7,21,.78) !important;
}

/* Celdas sin resultado más claras para separar visualmente los marcadores. */
.league-matrix-cell:not(.matrix-home-win):not(.matrix-draw):not(.matrix-away-win):not(.league-matrix-diagonal)[b-gqn8jey10k] {
    background: #e8eef3 !important;
    color: #0a1721 !important;
}

/* Diagonal más oscura y guion visible. */
.league-matrix-cell.league-matrix-diagonal[b-gqn8jey10k] {
    background: #0b1b28 !important;
    color: #d9e7f0 !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
}

/* Leyenda algo más legible. */
.league-matrix-legend[b-gqn8jey10k] {
    font-size: .67rem !important;
    color: #e3eff7 !important;
}

.league-matrix-legend > span[b-gqn8jey10k] {
    font-weight: 800 !important;
}
/* /Components/Pages/ImportarFlashscoreSinJornadas.razor.rz.scp.css */
.sin-jornadas-page[b-dgrk8wq70w] {
    padding-bottom: 2rem;
}

.module-header[b-dgrk8wq70w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem 1.4rem;
    border-radius: 16px;
    color: #f8fafc;
    background: linear-gradient(135deg, #172554, #0f766e);
    box-shadow: 0 14px 35px rgba(15, 23, 42, .15);
}

.module-header h1[b-dgrk8wq70w] {
    margin: .2rem 0 .35rem;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
}

.module-header p[b-dgrk8wq70w] {
    max-width: 850px;
    margin: 0;
    color: #dbeafe;
}

.eyebrow[b-dgrk8wq70w] {
    color: #99f6e4;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.independent-badge[b-dgrk8wq70w] {
    flex: 0 0 auto;
    padding: .65rem .9rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(15, 23, 42, .35);
    font-size: .8rem;
    font-weight: 900;
}

.action-bar[b-dgrk8wq70w] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #eff6ff;
}

.generation-summary[b-dgrk8wq70w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(110px, 1fr));
    gap: .7rem;
    margin-bottom: 1rem;
}

.generation-summary article[b-dgrk8wq70w] {
    display: grid;
    gap: .2rem;
    padding: .8rem;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #2563eb;
    border-radius: 12px;
    background: #fff;
}

.generation-summary span[b-dgrk8wq70w] {
    color: #64748b;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.generation-summary strong[b-dgrk8wq70w] {
    color: #0f172a;
    font-size: 1.2rem;
}

.generation-summary .summary-ok[b-dgrk8wq70w] {
    border-left-color: #22c55e;
}

.generation-summary .summary-danger[b-dgrk8wq70w] {
    border-left-color: #ef4444;
}

.preview-table[b-dgrk8wq70w] {
    max-height: 68vh;
}

.preview-table thead[b-dgrk8wq70w] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.preview-table td[b-dgrk8wq70w],
.preview-table th[b-dgrk8wq70w] {
    min-width: 95px;
    vertical-align: middle;
}

.preview-table td:nth-child(5)[b-dgrk8wq70w],
.preview-table td:nth-child(6)[b-dgrk8wq70w] {
    min-width: 190px;
}

.preview-table td:last-child[b-dgrk8wq70w] {
    min-width: 230px;
}

.jornada-cell[b-dgrk8wq70w] {
    min-width: 125px !important;
}

.logs[b-dgrk8wq70w] {
    max-height: 300px;
    margin-top: .75rem;
    padding: .75rem;
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .76rem;
}

@media (max-width: 1100px) {
    .generation-summary[b-dgrk8wq70w] {
        grid-template-columns: repeat(3, minmax(110px, 1fr));
    }
}

@media (max-width: 720px) {
    .module-header[b-dgrk8wq70w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .generation-summary[b-dgrk8wq70w] {
        grid-template-columns: repeat(2, minmax(110px, 1fr));
    }
}
/* /Components/Pages/ImportarFlashscoreSinJornadasParcial.razor.rz.scp.css */
.partial-no-round-page[b-b0t1kfy4h4] {
    padding-bottom: 2rem;
}

.module-header[b-b0t1kfy4h4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem 1.4rem;
    border-radius: 16px;
    color: #f8fafc;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, .25), transparent 35%),
        linear-gradient(135deg, #172554, #115e59);
    box-shadow: 0 14px 35px rgba(15, 23, 42, .16);
}

.module-header h1[b-b0t1kfy4h4] {
    margin: .2rem 0 .35rem;
    font-size: clamp(1.55rem, 3vw, 2.3rem);
}

.module-header p[b-b0t1kfy4h4] {
    max-width: 850px;
    margin: 0;
    color: #dbeafe;
}

.eyebrow[b-b0t1kfy4h4] {
    color: #99f6e4;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.independent-badge[b-b0t1kfy4h4] {
    flex: 0 0 auto;
    padding: .65rem .9rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(15, 23, 42, .35);
    font-size: .8rem;
    font-weight: 900;
}

.action-bar[b-b0t1kfy4h4] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
}

.summary-grid[b-b0t1kfy4h4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(105px, 1fr));
    gap: .7rem;
    margin-bottom: 1rem;
}

.summary-grid article[b-b0t1kfy4h4] {
    display: grid;
    gap: .2rem;
    padding: .8rem;
    border: 1px solid #e2e8f0;
    border-left: 5px solid #2563eb;
    border-radius: 12px;
    background: #fff;
}

.summary-grid span[b-b0t1kfy4h4] {
    color: #64748b;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.summary-grid strong[b-b0t1kfy4h4] {
    color: #0f172a;
    font-size: 1.2rem;
}

.summary-grid .summary-ok[b-b0t1kfy4h4] {
    border-left-color: #22c55e;
}

.summary-grid .summary-danger[b-b0t1kfy4h4] {
    border-left-color: #ef4444;
}

.preview-table[b-b0t1kfy4h4] {
    max-height: 68vh;
}

.preview-table thead[b-b0t1kfy4h4],
.odds-table thead[b-b0t1kfy4h4] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.preview-table td[b-b0t1kfy4h4],
.preview-table th[b-b0t1kfy4h4] {
    min-width: 90px;
    vertical-align: middle;
}

.preview-table td:nth-child(4)[b-b0t1kfy4h4] {
    min-width: 245px;
}

.preview-table td:nth-child(5)[b-b0t1kfy4h4] {
    min-width: 230px;
}

.preview-table td:last-child[b-b0t1kfy4h4] {
    min-width: 240px;
}

.round-cell[b-b0t1kfy4h4] {
    min-width: 130px !important;
}

.stats-cell[b-b0t1kfy4h4] {
    min-width: 350px !important;
}

.odds-table[b-b0t1kfy4h4] {
    max-height: 500px;
}

.logs[b-b0t1kfy4h4] {
    max-height: 340px;
    margin-top: .75rem;
    padding: .8rem;
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    font-size: .76rem;
}

@media (max-width: 1150px) {
    .summary-grid[b-b0t1kfy4h4] {
        grid-template-columns: repeat(4, minmax(105px, 1fr));
    }
}

@media (max-width: 720px) {
    .module-header[b-b0t1kfy4h4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-grid[b-b0t1kfy4h4] {
        grid-template-columns: repeat(2, minmax(105px, 1fr));
    }
}
/* /Components/Pages/LaboratorioCalibracion.razor.rz.scp.css */
.lab-matriz th[b-9t7dla4ttd] { background: #eef2f7; }
.lab-matriz td[b-9t7dla4ttd] { padding: 3px; }
.lab-matriz .lab-elegido[b-9t7dla4ttd] { background: #d6f4e7; border-color: #72b398; }
.lab-celda[b-9t7dla4ttd] { width: 100%; min-width: 110px; color: inherit; }
.lab-celda:hover[b-9t7dla4ttd] { background: #d7e9ff; }
/* /Components/Pages/LaboratorioCalibracionV3.razor.rz.scp.css */
.cal-page[b-yz50626pjf]{--bg:#061321;--panel:#0a1e31;--border:rgba(108,171,214,.18);--text:#edf8ff;--muted:#8da7b9;--blue:#3f91ff;--green:#38da83;--cyan:#24c8db;--gold:#f4be45;--purple:#a675ff;--red:#ff6575;min-height:100vh;margin:-1.5rem;padding:1.35rem;color:var(--text);background:radial-gradient(circle at 86% 0%,rgba(166,117,255,.14),transparent 30%),linear-gradient(145deg,#04101b,#071a2a 58%,#061321);font-family:Inter,"Segoe UI",sans-serif}.cal-header[b-yz50626pjf]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.cal-logo[b-yz50626pjf]{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(166,117,255,.45);border-radius:18px;color:#d7c1ff;background:rgba(166,117,255,.08);font-weight:900}.cal-header h1[b-yz50626pjf]{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem)}.cal-header p[b-yz50626pjf]{margin:.2rem 0 0;color:var(--muted)}.cal-alert[b-yz50626pjf]{margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid;border-radius:12px}.cal-alert.ok[b-yz50626pjf]{color:#c8f7dc;border-color:rgba(56,218,131,.35);background:rgba(56,218,131,.08)}.cal-alert.error[b-yz50626pjf]{color:#ffd4da;border-color:rgba(255,101,117,.4);background:rgba(255,101,117,.08)}.cal-filters[b-yz50626pjf]{display:grid;grid-template-columns:.75fr .9fr 1.1fr .8fr 1.1fr .75fr .75fr .62fr .62fr auto;gap:.62rem;padding:.82rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:15px;background:rgba(8,27,44,.9)}.cal-filters label[b-yz50626pjf]{display:grid;gap:.3rem;min-width:0}.cal-filters span[b-yz50626pjf]{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.055em}.cal-filters select[b-yz50626pjf],.cal-filters input[b-yz50626pjf]{width:100%;min-height:40px;padding:.5rem .58rem;color:var(--text);border:1px solid rgba(116,170,210,.23);border-radius:9px;background:#081827;outline:none}.cal-filters select:focus[b-yz50626pjf],.cal-filters input:focus[b-yz50626pjf]{border-color:var(--purple);box-shadow:0 0 0 3px rgba(166,117,255,.1)}.cal-run[b-yz50626pjf]{align-self:end;min-height:40px;padding:.55rem .85rem;color:#130922;border:0;border-radius:9px;background:linear-gradient(135deg,#c59cff,#9760ef);font-weight:850;white-space:nowrap;cursor:pointer}.cal-run:disabled[b-yz50626pjf]{opacity:.5;cursor:not-allowed}.cal-context[b-yz50626pjf]{display:flex;align-items:center;gap:2rem;padding:.7rem 1rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:12px;background:rgba(9,29,47,.8)}.cal-context>div:not(.cal-rating)[b-yz50626pjf]{display:grid;gap:.05rem}.cal-context span[b-yz50626pjf]{color:var(--muted);font-size:.64rem;text-transform:uppercase}.cal-rating[b-yz50626pjf]{margin-left:auto;padding:.4rem .72rem;border:1px solid;border-radius:999px;font-size:.7rem;font-weight:800}.cal-rating.excellent[b-yz50626pjf]{color:#b9f4d0;border-color:rgba(56,218,131,.35);background:rgba(56,218,131,.08)}.cal-rating.usable[b-yz50626pjf]{color:#b9defd;border-color:rgba(63,145,255,.35);background:rgba(63,145,255,.08)}.cal-rating.review[b-yz50626pjf]{color:#ffe4a2;border-color:rgba(244,190,69,.35);background:rgba(244,190,69,.08)}.cal-rating.bad[b-yz50626pjf]{color:#ffc5cc;border-color:rgba(255,101,117,.38);background:rgba(255,101,117,.08)}.cal-rating.no-sample[b-yz50626pjf]{color:#c3d0d8;border-color:rgba(141,167,185,.3);background:rgba(141,167,185,.06)}.cal-kpis[b-yz50626pjf]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.cal-kpi[b-yz50626pjf]{position:relative;overflow:hidden;min-height:116px;padding:.82rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(14,40,62,.94),rgba(7,24,39,.96))}.cal-kpi[b-yz50626pjf]:after{position:absolute;inset:auto -15% -70% 20%;height:110px;content:"";border-radius:50%;filter:blur(28px);opacity:.2}.cal-kpi.blue[b-yz50626pjf]:after{background:var(--blue)}.cal-kpi.green[b-yz50626pjf]:after{background:var(--green)}.cal-kpi.gold[b-yz50626pjf]:after{background:var(--gold)}.cal-kpi.cyan[b-yz50626pjf]:after{background:var(--cyan)}.cal-kpi.purple[b-yz50626pjf]:after{background:var(--purple)}.cal-kpi.red[b-yz50626pjf]:after{background:var(--red)}.cal-kpi span[b-yz50626pjf],.cal-kpi strong[b-yz50626pjf],.cal-kpi small[b-yz50626pjf]{display:block}.cal-kpi span[b-yz50626pjf]{color:var(--muted);font-size:.63rem;text-transform:uppercase}.cal-kpi strong[b-yz50626pjf]{margin-top:.3rem;font-size:1.45rem}.cal-kpi small[b-yz50626pjf]{margin-top:.42rem;color:#a5bece;font-size:.61rem}.cal-grid[b-yz50626pjf]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:.85rem;margin-bottom:.85rem}.cal-grid.tables-grid[b-yz50626pjf]{grid-template-columns:1fr 1fr}.cal-panel[b-yz50626pjf]{overflow:hidden;padding:.92rem;border:1px solid var(--border);border-radius:15px;background:linear-gradient(150deg,rgba(10,31,50,.96),rgba(7,22,37,.97));box-shadow:0 18px 40px rgba(0,0,0,.14)}.panel-title[b-yz50626pjf]{display:flex;justify-content:space-between;margin-bottom:.8rem}.panel-title span[b-yz50626pjf]{color:var(--purple);font-size:.59rem;font-weight:850;letter-spacing:.12em}.panel-title h2[b-yz50626pjf]{margin:.08rem 0 0;font-size:1rem}.panel-title p[b-yz50626pjf]{margin:.2rem 0 0;color:var(--muted);font-size:.66rem}.band-list[b-yz50626pjf]{display:grid;gap:.7rem}.band-row[b-yz50626pjf]{display:grid;grid-template-columns:85px 1fr 125px;align-items:center;gap:.65rem}.band-name[b-yz50626pjf]{display:grid}.band-name strong[b-yz50626pjf]{font-size:.7rem}.band-name span[b-yz50626pjf]{font-size:.58rem;text-transform:none}.band-track[b-yz50626pjf]{position:relative;height:11px;border-radius:999px;background:rgba(116,170,210,.13)}.band-fill[b-yz50626pjf]{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f91ff,#65b4ff)}.band-fill.good[b-yz50626pjf]{background:linear-gradient(90deg,#29b96b,#58e49a)}.band-fill.medium[b-yz50626pjf]{background:linear-gradient(90deg,#d89c28,#f4c85c)}.band-fill.bad[b-yz50626pjf]{background:linear-gradient(90deg,#d64559,#ff7585)}.band-track i[b-yz50626pjf]{position:absolute;top:-5px;width:3px;height:21px;border-radius:3px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.75);transform:translateX(-50%)}.band-values[b-yz50626pjf]{display:grid;text-align:right}.band-values strong[b-yz50626pjf]{font-size:.7rem}.band-values span[b-yz50626pjf]{font-size:.57rem;text-transform:none}.diagnosis-main[b-yz50626pjf]{padding:.8rem;border:1px solid;border-radius:12px}.diagnosis-main strong[b-yz50626pjf]{display:block;font-size:1rem}.diagnosis-main p[b-yz50626pjf]{margin:.35rem 0 0;color:#b7ccd9;font-size:.68rem;line-height:1.5}.diagnosis-main.over[b-yz50626pjf]{border-color:rgba(255,101,117,.3);background:rgba(255,101,117,.07)}.diagnosis-main.under[b-yz50626pjf]{border-color:rgba(63,145,255,.3);background:rgba(63,145,255,.07)}.diagnosis-main.balanced[b-yz50626pjf]{border-color:rgba(56,218,131,.3);background:rgba(56,218,131,.07)}.diagnosis-main.neutral[b-yz50626pjf]{border-color:rgba(141,167,185,.25);background:rgba(141,167,185,.05)}.diagnosis-list[b-yz50626pjf]{display:grid;gap:.35rem;margin-top:.65rem}.diagnosis-list div[b-yz50626pjf]{display:flex;justify-content:space-between;gap:.7rem;padding:.45rem 0;border-bottom:1px solid rgba(116,170,210,.08);font-size:.65rem}.diagnosis-list span[b-yz50626pjf]{text-transform:none}.table-scroll[b-yz50626pjf]{max-height:470px;overflow:auto}.cal-panel table[b-yz50626pjf]{width:100%;border-collapse:collapse;font-size:.69rem}.cal-panel th[b-yz50626pjf]{position:sticky;top:0;padding:.55rem .48rem;color:#87a4b8;text-align:left;text-transform:uppercase;background:#0a2135;border-bottom:1px solid rgba(116,170,210,.18);font-size:.58rem}.cal-panel td[b-yz50626pjf]{padding:.52rem .48rem;border-bottom:1px solid rgba(116,170,210,.08);white-space:nowrap}.error-good[b-yz50626pjf]{color:#65e79d}.error-medium[b-yz50626pjf]{color:#f5c962}.error-bad[b-yz50626pjf]{color:#ff8794}.panel-empty[b-yz50626pjf]{display:grid;place-items:center;min-height:190px;color:var(--muted)}.cal-empty[b-yz50626pjf]{display:grid;place-items:center;min-height:470px;padding:2rem;text-align:center;border:1px dashed rgba(102,170,216,.28);border-radius:18px;background:rgba(7,24,39,.72)}.cal-empty-icon[b-yz50626pjf]{color:var(--purple);font-size:3.4rem}.cal-empty p[b-yz50626pjf]{max-width:650px;color:var(--muted)}.cal-loader[b-yz50626pjf]{width:52px;height:52px;border:5px solid rgba(166,117,255,.18);border-top-color:var(--purple);border-radius:50%;animation:cal-spin-b-yz50626pjf 1s linear infinite}@keyframes cal-spin-b-yz50626pjf{to{transform:rotate(360deg)}}@media(max-width:1450px){.cal-filters[b-yz50626pjf]{grid-template-columns:repeat(5,1fr)}.cal-kpis[b-yz50626pjf]{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.cal-grid[b-yz50626pjf],.cal-grid.tables-grid[b-yz50626pjf]{grid-template-columns:1fr}.cal-filters[b-yz50626pjf]{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cal-page[b-yz50626pjf]{margin:-.75rem;padding:.75rem}.cal-filters[b-yz50626pjf]{grid-template-columns:1fr}.cal-kpis[b-yz50626pjf]{grid-template-columns:repeat(2,1fr)}.cal-context[b-yz50626pjf]{align-items:flex-start;flex-direction:column;gap:.5rem}.cal-rating[b-yz50626pjf]{margin-left:0}.band-row[b-yz50626pjf]{grid-template-columns:70px 1fr}.band-values[b-yz50626pjf]{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.5rem}}
/* /Components/Pages/LogosEquiposFlashscore.razor.rz.scp.css */
.logos-page-v3[b-o5crvn6os0] {
    --logos-navy: #0c2038;
    --logos-blue: #1769aa;
    --logos-cyan: #21a4d7;
    --logos-green: #36a269;
    --logos-border: #dbe3ec;
    --logos-muted: #6c7887;
}

.logos-header-v3[b-o5crvn6os0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem 1.5rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(125deg, #0c2038 0%, #164b77 55%, #2086b2 100%);
    box-shadow: 0 14px 32px rgba(12, 32, 56, .18);
}

.logos-header-v3 h1[b-o5crvn6os0] {
    margin: .15rem 0 .35rem;
    font-size: clamp(1.45rem, 2.5vw, 2.15rem);
    font-weight: 800;
}

.logos-header-v3 p[b-o5crvn6os0] {
    max-width: 850px;
    margin: 0;
    color: rgba(255, 255, 255, .82);
}

.logos-kicker-v3[b-o5crvn6os0] {
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .14em;
    color: #93dbff;
}

.logos-header-icon-v3[b-o5crvn6os0] {
    display: grid;
    place-items: center;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 22px;
    font-size: 2.2rem;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.2);
}

.logos-kpis-v3[b-o5crvn6os0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: .75rem;
}

.logo-kpi-v3[b-o5crvn6os0] {
    padding: .9rem 1rem;
    border: 1px solid var(--logos-border);
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(23, 48, 75, .06);
}

.logo-kpi-v3 span[b-o5crvn6os0] {
    display: block;
    color: var(--logos-muted);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.logo-kpi-v3 strong[b-o5crvn6os0] {
    display: block;
    margin-top: .15rem;
    font-size: 1.55rem;
    color: var(--logos-navy);
}

.logos-table-v3[b-o5crvn6os0] {
    min-width: 1180px;
}

.logos-table-v3 th[b-o5crvn6os0] {
    white-space: nowrap;
    color: #34475c;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.logo-preview-cell-v3[b-o5crvn6os0] {
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
    border-radius: 16px;
    border: 1px solid #dbe3ec;
    background: #f5f8fb;
    overflow: hidden;
}

.logo-preview-cell-v3.local-v3[b-o5crvn6os0] {
    background: #eef8f3;
    border-color: #cce8d9;
}

.logo-preview-cell-v3 img[b-o5crvn6os0] {
    max-width: 65px;
    max-height: 65px;
    object-fit: contain;
}

.logo-url-input-v3[b-o5crvn6os0] {
    min-width: 240px;
    font-size: .72rem;
}

.logos-log-v3[b-o5crvn6os0] {
    max-height: 280px;
    overflow: auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: .78rem;
    line-height: 1.55;
    color: #dce9f6;
    background: #0d1b2a;
}

.logos-log-v3 > div[b-o5crvn6os0] {
    padding: .08rem 0;
    border-bottom: 1px solid rgba(255,255,255,.04);
}

@media (max-width: 1100px) {
    .logos-kpis-v3[b-o5crvn6os0] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 620px) {
    .logos-header-icon-v3[b-o5crvn6os0] {
        display: none;
    }

    .logos-kpis-v3[b-o5crvn6os0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OperacionLiga.razor.rz.scp.css */
.op-page[b-4va6tsqf0w] {
    --op-bg: #06131f;
    --op-card: #0a1d2c;
    --op-card-2: #0d2536;
    --op-line: rgba(128, 176, 205, .16);
    --op-text: #edf6fa;
    --op-muted: #7f9aab;
    --op-green: #78e536;
    --op-blue: #48a8ff;
    --op-yellow: #ffc85c;
    --op-red: #ff6d73;
    color: var(--op-text);
}

.op-header[b-4va6tsqf0w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--op-line);
    border-radius: 16px;
    background:
        radial-gradient(circle at 6% 0%, rgba(72, 168, 255, .11), transparent 32%),
        linear-gradient(135deg, #071827, #0a1f30);
}

.op-eyebrow[b-4va6tsqf0w] {
    margin-bottom: .2rem;
    color: var(--op-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.op-header h1[b-4va6tsqf0w] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 950;
}

.op-header p[b-4va6tsqf0w] {
    max-width: 760px;
    margin: .28rem 0 0;
    color: var(--op-muted);
    font-size: .78rem;
}

.op-phase-note[b-4va6tsqf0w],
.op-alert[b-4va6tsqf0w] {
    margin-bottom: .8rem;
    padding: .65rem .85rem;
    border-radius: 10px;
    font-size: .72rem;
}

.op-phase-note[b-4va6tsqf0w] {
    border: 1px solid rgba(255, 200, 92, .22);
    background: rgba(255, 200, 92, .075);
    color: #5b4514;
    font-weight: 750;
}

.op-alert-ok[b-4va6tsqf0w] {
    border: 1px solid rgba(120, 229, 54, .28);
    background: rgba(120, 229, 54, .08);
    color: #245218;
    font-weight: 800;
}

.op-alert-error[b-4va6tsqf0w] {
    border: 1px solid rgba(255, 109, 115, .28);
    background: rgba(255, 109, 115, .08);
    color: #ffb3b6;
}

.op-panel[b-4va6tsqf0w] {
    margin-bottom: .8rem;
    overflow: hidden;
    border: 1px solid var(--op-line);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(10, 29, 44, .96), rgba(7, 23, 35, .96));
}

.op-panel-title[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .72rem .85rem;
    border-bottom: 1px solid var(--op-line);
    background: rgba(255,255,255,.018);
}

.op-panel-title > div[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.op-panel-title > div > span[b-4va6tsqf0w] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(72, 168, 255, .30);
    border-radius: 8px;
    color: var(--op-blue);
    background: rgba(72, 168, 255, .08);
    font-size: .68rem;
    font-weight: 950;
}

.op-panel-title h2[b-4va6tsqf0w] {
    margin: 0;
    font-size: .88rem;
    font-weight: 900;
}

.op-panel-title small[b-4va6tsqf0w] {
    display: block;
    margin-top: .08rem;
    color: var(--op-muted);
    font-size: .61rem;
}

.op-select-grid[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    padding: .8rem;
}

.op-select-grid label[b-4va6tsqf0w] {
    display: grid;
    gap: .28rem;
}

.op-select-grid label > span[b-4va6tsqf0w] {
    color: #abc0cc;
    font-size: .62rem;
    font-weight: 800;
}

.op-select-grid select[b-4va6tsqf0w],
.op-mode[b-4va6tsqf0w] {
    min-height: 36px;
    border: 1px solid rgba(117, 164, 192, .22);
    border-radius: 8px;
    outline: 0;
    color: #eaf4f8;
    background: #0b2233;
    font-size: .72rem;
}

.op-select-grid select[b-4va6tsqf0w] {
    width: 100%;
    padding: 0 .6rem;
}

.op-context-strip[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .8rem;
    padding: .65rem .85rem;
    border: 1px solid rgba(120, 229, 54, .18);
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(120, 229, 54, .075), rgba(72, 168, 255, .045));
}

.op-context-main[b-4va6tsqf0w] {
    display: grid;
    gap: .08rem;
}

.op-context-main small[b-4va6tsqf0w] {
    color: #245218;
    font-size: .53rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.op-context-main strong[b-4va6tsqf0w] {
    color: #142b1c;
    font-size: .82rem;
    font-weight: 900;
}

.op-context-main span[b-4va6tsqf0w] {
    color: #365340;
    font-size: .59rem;
    font-weight: 700;
}

.op-master-switch[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}

.op-master-switch input[b-4va6tsqf0w] {
    width: 34px;
    height: 18px;
}

.op-master-switch span[b-4va6tsqf0w] {
    display: grid;
}

.op-master-switch b[b-4va6tsqf0w] {
    font-size: .66rem;
}

.op-master-switch small[b-4va6tsqf0w] {
    color: var(--op-muted);
    font-size: .52rem;
}

.op-kpis[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .8rem;
}

.op-kpi[b-4va6tsqf0w] {
    min-width: 0;
    padding: .65rem .7rem;
    border: 1px solid var(--op-line);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(12, 35, 52, .95), rgba(8, 25, 38, .95));
}

.op-kpi > span[b-4va6tsqf0w] {
    display: block;
    overflow: hidden;
    color: #8ba5b5;
    font-size: .57rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.op-kpi > strong[b-4va6tsqf0w] {
    display: block;
    margin: .14rem 0 .08rem;
    color: #edf7fb;
    font-size: 1.25rem;
    font-weight: 950;
    line-height: 1;
}

.op-kpi > small[b-4va6tsqf0w] {
    display: block;
    min-height: 22px;
    color: #698697;
    font-size: .50rem;
    line-height: 1.2;
}

.ok[b-4va6tsqf0w] { color: var(--op-green) !important; }
.warn[b-4va6tsqf0w] { color: var(--op-yellow) !important; }

.op-process-list[b-4va6tsqf0w] {
    padding: .35rem .65rem .65rem;
}

.op-process-row[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: 34px minmax(210px, 1fr) 128px 132px 138px 100px;
    align-items: center;
    gap: .55rem;
    min-height: 54px;
    padding: .42rem .25rem;
    border-bottom: 1px solid rgba(126, 166, 191, .09);
}

.op-process-row:last-child[b-4va6tsqf0w] {
    border-bottom: 0;
}

.op-process-icon[b-4va6tsqf0w] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(111, 166, 199, .15);
    border-radius: 8px;
    background: rgba(255,255,255,.025);
    font-size: .82rem;
}

.op-process-info[b-4va6tsqf0w] {
    min-width: 0;
}

.op-process-info strong[b-4va6tsqf0w] {
    display: block;
    color: #eaf4f8;
    font-size: .69rem;
    font-weight: 900;
}

.op-process-info small[b-4va6tsqf0w] {
    display: block;
    overflow: hidden;
    margin-top: .08rem;
    color: #708c9d;
    font-size: .53rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.op-status[b-4va6tsqf0w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: .2rem .42rem;
    border-radius: 999px;
    font-size: .52rem;
    font-weight: 850;
    white-space: nowrap;
}

.op-status-ok[b-4va6tsqf0w] {
    border: 1px solid rgba(120, 229, 54, .18);
    color: #9ced69;
    background: rgba(120, 229, 54, .07);
}

.op-status-warn[b-4va6tsqf0w] {
    border: 1px solid rgba(255, 200, 92, .20);
    color: #ffd37a;
    background: rgba(255, 200, 92, .075);
}

.op-mode[b-4va6tsqf0w] {
    width: 100%;
    padding: 0 .45rem;
    font-size: .58rem;
    font-weight: 900;
}

.op-mode-off[b-4va6tsqf0w] {
    border-color: rgba(135, 154, 166, .20);
    color: #91a6b3;
}

.op-mode-assisted[b-4va6tsqf0w] {
    border-color: rgba(72, 168, 255, .28);
    color: #79bdff;
}

.op-mode-auto[b-4va6tsqf0w] {
    border-color: rgba(120, 229, 54, .30);
    color: #9fed6f;
}

.op-btn[b-4va6tsqf0w] {
    min-height: 34px;
    padding: .4rem .66rem;
    border: 1px solid rgba(120, 162, 187, .23);
    border-radius: 8px;
    color: #d8e7ef;
    background: #0b2639;
    font-size: .62rem;
    font-weight: 850;
    cursor: pointer;
}

.op-btn:hover:not(:disabled)[b-4va6tsqf0w] {
    border-color: rgba(72, 168, 255, .45);
    background: #103149;
}

.op-btn:disabled[b-4va6tsqf0w] {
    opacity: .40;
    cursor: default;
}

.op-btn-primary[b-4va6tsqf0w] {
    border-color: rgba(72, 168, 255, .35);
    color: white;
    background: rgba(37, 125, 195, .60);
}

.op-btn-success[b-4va6tsqf0w] {
    border-color: rgba(120, 229, 54, .34);
    color: #dfffd0;
    background: rgba(58, 121, 49, .48);
}

.op-btn-action[b-4va6tsqf0w] {
    width: 100%;
}

.op-process-global[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .28rem;
}

.op-process-global button[b-4va6tsqf0w] {
    min-height: 30px;
    padding: .25rem .35rem;
    border: 1px solid rgba(111, 159, 188, .22);
    border-radius: 7px;
    color: #a9c2d0;
    background: rgba(72, 168, 255, .045);
    font-size: .48rem;
    font-weight: 850;
    cursor: pointer;
}

.op-process-global button:first-child[b-4va6tsqf0w] {
    border-color: rgba(255, 109, 115, .20);
    color: #d7a6a9;
    background: rgba(255, 109, 115, .035);
}

.op-process-global button:last-child[b-4va6tsqf0w] {
    border-color: rgba(120, 229, 54, .24);
    color: #dfffd0;
    background: rgba(58, 121, 49, .10);
}

.op-process-global button:disabled[b-4va6tsqf0w] {
    cursor: default;
    opacity: .45;
}

.op-global-confirm[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin: 0 .65rem .7rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(255, 200, 92, .26);
    border-radius: 9px;
    background: rgba(255, 200, 92, .065);
}

.op-global-confirm > div:first-child[b-4va6tsqf0w] {
    display: grid;
    gap: .15rem;
}

.op-global-confirm strong[b-4va6tsqf0w] {
    color: #f1dcaa;
    font-size: .66rem;
}

.op-global-confirm span[b-4va6tsqf0w] {
    color: #bba982;
    font-size: .57rem;
}

.op-global-confirm-actions[b-4va6tsqf0w] {
    display: flex;
    flex: 0 0 auto;
    gap: .4rem;
}

.op-preview[b-4va6tsqf0w] {
    border-color: rgba(120, 229, 54, .22);
}

.op-preview-grid[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
    padding: .75rem;
}

.op-preview-grid > div[b-4va6tsqf0w] {
    display: grid;
    gap: .12rem;
    padding: .5rem;
    border: 1px solid var(--op-line);
    border-radius: 9px;
    background: rgba(4, 18, 29, .44);
}

.op-preview-grid span[b-4va6tsqf0w] {
    color: var(--op-muted);
    font-size: .52rem;
}

.op-preview-grid strong[b-4va6tsqf0w] {
    font-size: .92rem;
}

.op-preview-actions[b-4va6tsqf0w] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: 0 .75rem .75rem;
}

.op-shortcuts[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    padding: .75rem;
}

.op-shortcuts button[b-4va6tsqf0w] {
    min-height: 48px;
    padding: .45rem .55rem;
    border: 1px solid rgba(91, 151, 187, .18);
    border-radius: 9px;
    color: #d9e8ef;
    background: rgba(9, 31, 47, .82);
    font-size: .62rem;
    font-weight: 850;
}

.op-shortcuts button:hover[b-4va6tsqf0w] {
    border-color: rgba(72, 168, 255, .36);
    background: rgba(14, 47, 69, .92);
}

@media (max-width: 1100px) {
    .op-kpis[b-4va6tsqf0w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .op-process-row[b-4va6tsqf0w] {
        grid-template-columns: 34px minmax(180px, 1fr) 110px 120px 128px 90px;
    }
}

@media (max-width: 800px) {
    .op-header[b-4va6tsqf0w],
    .op-context-strip[b-4va6tsqf0w],
    .op-panel-title[b-4va6tsqf0w] {
        align-items: stretch;
        flex-direction: column;
    }

    .op-select-grid[b-4va6tsqf0w],
    .op-kpis[b-4va6tsqf0w],
    .op-preview-grid[b-4va6tsqf0w],
    .op-shortcuts[b-4va6tsqf0w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .op-process-row[b-4va6tsqf0w] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .35rem .5rem;
        padding: .55rem .25rem;
    }

    .op-process-status[b-4va6tsqf0w],
    .op-mode[b-4va6tsqf0w],
    .op-process-global[b-4va6tsqf0w],
    .op-btn-action[b-4va6tsqf0w] {
        grid-column: 2;
    }

    .op-global-confirm[b-4va6tsqf0w] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .op-select-grid[b-4va6tsqf0w],
    .op-kpis[b-4va6tsqf0w],
    .op-preview-grid[b-4va6tsqf0w],
    .op-shortcuts[b-4va6tsqf0w] {
        grid-template-columns: 1fr;
    }
}


/* FASE 2 - Vista asistida Flashscore */
.bad[b-4va6tsqf0w] {
    color: var(--op-red) !important;
}

.op-flash-preview[b-4va6tsqf0w] {
    border-color: rgba(72, 168, 255, .24);
}

.op-flash-url[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem 0;
    min-width: 0;
}

.op-flash-url span[b-4va6tsqf0w] {
    color: var(--op-muted);
    font-size: .55rem;
    font-weight: 850;
}

.op-flash-url strong[b-4va6tsqf0w] {
    overflow: hidden;
    color: #9ec8df;
    font-size: .56rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.op-inline-alert[b-4va6tsqf0w] {
    margin: 0 .75rem .65rem;
}

.op-link-btn[b-4va6tsqf0w] {
    margin-left: .45rem;
    padding: .18rem .4rem;
    border: 1px solid rgba(255, 109, 115, .30);
    border-radius: 6px;
    color: #ffd1d3;
    background: rgba(255,255,255,.035);
    font-size: .56rem;
    font-weight: 850;
}

.op-log[b-4va6tsqf0w] {
    margin: 0 .75rem .75rem;
    border: 1px solid rgba(111, 159, 188, .14);
    border-radius: 8px;
    background: rgba(3, 15, 24, .34);
}

.op-log summary[b-4va6tsqf0w] {
    padding: .48rem .6rem;
    cursor: pointer;
    color: #93adbd;
    font-size: .58rem;
    font-weight: 800;
}

.op-log > div[b-4va6tsqf0w] {
    display: grid;
    gap: .12rem;
    max-height: 190px;
    overflow: auto;
    padding: 0 .6rem .55rem;
}

.op-log span[b-4va6tsqf0w] {
    color: #748e9e;
    font-family: Consolas, monospace;
    font-size: .51rem;
}


/* ==========================================================
   FASE 3 - CICLO OPERATIVO FLASHSCORE
   ========================================================== */
.op-cycle-grid[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
    padding: .75rem;
}

.op-cycle-grid article[b-4va6tsqf0w] {
    min-width: 0;
    padding: .58rem .62rem;
    border: 1px solid var(--op-line);
    border-radius: 10px;
    background: rgba(4, 18, 29, .48);
}

.op-cycle-grid small[b-4va6tsqf0w],
.op-cycle-summary span[b-4va6tsqf0w] {
    display: block;
    color: var(--op-muted);
    font-size: .52rem;
    font-weight: 800;
}

.op-cycle-grid strong[b-4va6tsqf0w] {
    display: block;
    margin: .12rem 0 .08rem;
    color: #eef8fb;
    font-size: 1rem;
    font-weight: 950;
}

.op-cycle-grid article > span[b-4va6tsqf0w] {
    display: block;
    color: #6f8c9d;
    font-size: .49rem;
    line-height: 1.2;
}

.op-cycle-summary[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    padding: 0 .75rem .7rem;
}

.op-cycle-summary > div[b-4va6tsqf0w] {
    padding: .52rem .6rem;
    border: 1px solid rgba(72, 168, 255, .15);
    border-radius: 9px;
    background: rgba(72, 168, 255, .035);
}

.op-cycle-summary strong[b-4va6tsqf0w] {
    display: block;
    margin: .08rem 0;
    color: #dceef7;
    font-size: .66rem;
}

.op-cycle-summary small[b-4va6tsqf0w] {
    display: block;
    color: #6d8999;
    font-size: .49rem;
}

.op-btn-cycle[b-4va6tsqf0w] {
    min-height: 40px;
    padding-left: .9rem;
    padding-right: .9rem;
}

.op-ready-strip[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    margin: 0 .75rem .75rem;
    padding: .55rem .68rem;
    border: 1px solid rgba(120, 229, 54, .28);
    border-radius: 9px;
    background: rgba(120, 229, 54, .075);
}

.op-ready-strip strong[b-4va6tsqf0w] {
    color: #a7f476;
    font-size: .62rem;
    font-weight: 950;
}

.op-ready-strip span[b-4va6tsqf0w] {
    color: #87a698;
    font-size: .54rem;
}

@media (max-width: 1100px) {
    .op-cycle-grid[b-4va6tsqf0w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .op-cycle-grid[b-4va6tsqf0w],
    .op-cycle-summary[b-4va6tsqf0w] {
        grid-template-columns: 1fr 1fr;
    }

    .op-ready-strip[b-4va6tsqf0w] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 460px) {
    .op-cycle-grid[b-4va6tsqf0w],
    .op-cycle-summary[b-4va6tsqf0w] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   FLUJO DIARIO SIMPLIFICADO · 4 PASOS
   ========================================================= */
.op-main-flow[b-4va6tsqf0w] {
    border-color: rgba(104, 197, 255, .20);
}

.op-flow-grid[b-4va6tsqf0w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    padding: .8rem;
}

.op-flow-card[b-4va6tsqf0w] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: .78rem;
    border: 1px solid rgba(92, 128, 151, .20);
    border-radius: 12px;
    background: rgba(13, 31, 43, .70);
}

.op-flow-card.is-done[b-4va6tsqf0w] {
    border-color: rgba(120, 229, 54, .30);
    background: rgba(120, 229, 54, .055);
}

.op-flow-card.is-pending[b-4va6tsqf0w] {
    border-color: rgba(255, 190, 72, .28);
}

.op-flow-card.is-locked[b-4va6tsqf0w] {
    opacity: .52;
}

.op-flow-number[b-4va6tsqf0w] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    margin-bottom: .65rem;
    border-radius: 50%;
    background: rgba(72, 168, 255, .12);
    color: #74c6ff;
    font-weight: 950;
    font-size: .72rem;
}

.op-flow-card.is-done .op-flow-number[b-4va6tsqf0w] {
    background: rgba(120, 229, 54, .13);
    color: #a7f476;
}

.op-flow-body[b-4va6tsqf0w] {
    flex: 1;
}

.op-flow-body > span[b-4va6tsqf0w] {
    display: block;
    color: #7695a8;
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.op-flow-body > strong[b-4va6tsqf0w] {
    display: block;
    margin: .35rem 0 .3rem;
    color: #e6f2f8;
    font-size: .78rem;
    line-height: 1.25;
}

.op-flow-card.is-done .op-flow-body > strong[b-4va6tsqf0w] {
    color: #b6f58f;
}

.op-flow-body > small[b-4va6tsqf0w] {
    display: block;
    color: #7893a3;
    font-size: .54rem;
    line-height: 1.45;
}

.op-flow-action[b-4va6tsqf0w] {
    width: 100%;
    margin-top: .75rem;
    min-height: 36px;
}

.op-optional-tools[b-4va6tsqf0w] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    padding: 0 .8rem .85rem;
}

.op-optional-tools > span[b-4va6tsqf0w] {
    color: #6f8d9e;
    font-size: .52rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.op-optional-tools button[b-4va6tsqf0w] {
    border: 1px solid rgba(89, 145, 180, .20);
    border-radius: 8px;
    padding: .38rem .6rem;
    background: rgba(72, 168, 255, .045);
    color: #a9c7d8;
    font-size: .55rem;
    font-weight: 800;
}

.op-optional-tools button:disabled[b-4va6tsqf0w] {
    opacity: .4;
}

.op-advanced-panel[b-4va6tsqf0w] {
    margin-bottom: .85rem;
    border: 1px solid rgba(73, 107, 128, .18);
    border-radius: 10px;
    overflow: hidden;
    background: rgba(8, 22, 31, .42);
}

.op-advanced-panel > summary[b-4va6tsqf0w] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .8rem;
    cursor: pointer;
    list-style: none;
    color: #173747;
}

.op-advanced-panel > summary[b-4va6tsqf0w]::-webkit-details-marker {
    display: none;
}

.op-advanced-panel > summary span[b-4va6tsqf0w] {
    font-size: .62rem;
    font-weight: 950;
}

.op-advanced-panel > summary small[b-4va6tsqf0w] {
    color: #385866;
    font-size: .52rem;
    font-weight: 800;
}

.op-advanced-panel .op-panel[b-4va6tsqf0w] {
    margin: 0;
    border: 0;
    border-top: 1px solid rgba(73, 107, 128, .15);
    border-radius: 0;
}

@media (max-width: 1100px) {
    .op-flow-grid[b-4va6tsqf0w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .op-flow-grid[b-4va6tsqf0w] {
        grid-template-columns: 1fr;
    }

    .op-flow-card[b-4va6tsqf0w] {
        min-height: auto;
    }

    .op-advanced-panel > summary[b-4va6tsqf0w] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.op-batch-toolbar[b-4va6tsqf0w] { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin: 1rem 0; }
.op-batch-toolbar input[b-4va6tsqf0w] { min-width: 230px; background: #06131f; border: 1px solid #305267; border-radius: 8px; padding: .7rem; color: #edf6fa; }
.op-batch-toolbar select[b-4va6tsqf0w] { min-height: 40px; padding: 0 .7rem; border: 1px solid #305267; border-radius: 8px; color: #edf6fa; background: #06131f; }
.op-schedule-summary[b-4va6tsqf0w] { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 1rem; }
.op-schedule-summary span[b-4va6tsqf0w] { padding: .42rem .62rem; border: 1px solid #29485a; border-radius: 7px; color: #9fbbc9; background: #0c2231; font-size: .72rem; }
.op-schedule-summary b[b-4va6tsqf0w] { color: #edf6fa; }
.op-batch-table-wrap[b-4va6tsqf0w] { overflow-x: auto; }
.op-batch-table[b-4va6tsqf0w] { width: 100%; border-collapse: collapse; font-size: .85rem; }
.op-schedule-table[b-4va6tsqf0w] { min-width: 1900px; table-layout: auto; }
.op-schedule-table th[b-4va6tsqf0w], .op-schedule-table td[b-4va6tsqf0w] { padding-left: .65rem; padding-right: .65rem; vertical-align: top; }
.op-schedule-table .op-col-liga[b-4va6tsqf0w] { width: 220px; min-width: 205px; }
.op-schedule-table .op-col-date[b-4va6tsqf0w] { width: 122px; min-width: 112px; max-width: 132px; white-space: nowrap; font-size: .78rem; }
.op-schedule-table .op-col-status[b-4va6tsqf0w] { width: 145px; min-width: 135px; white-space: nowrap; }
.op-schedule-table .op-col-result[b-4va6tsqf0w] { width: 455px; min-width: 430px; max-width: 520px; }
.op-schedule-table .op-col-program[b-4va6tsqf0w] { width: 720px; min-width: 700px; }
.op-schedule-table .op-col-actions[b-4va6tsqf0w] { width: 165px; min-width: 155px; }
.op-batch-table th[b-4va6tsqf0w], .op-batch-table td[b-4va6tsqf0w] { text-align: left; padding: .85rem; border-bottom: 1px solid #234050; }
.op-batch-table th[b-4va6tsqf0w] { color: #9fbbc9; font-weight: 600; }
.op-batch-table td small[b-4va6tsqf0w] { display: block; margin-top: .25rem; color: #9fbbc9; }
.op-batch-table input[type=checkbox][b-4va6tsqf0w], .op-batch-option input[b-4va6tsqf0w] { width: 18px; height: 18px; accent-color: #78e536; cursor: pointer; }
.op-batch-table a[b-4va6tsqf0w] { display: block; color: #48a8ff; margin-top: .5rem; }
.op-batch-status[b-4va6tsqf0w] { display: inline-block; padding: .35rem .65rem; background: #153346; border-radius: 6px; white-space: nowrap; }
.op-batch-error .op-batch-status[b-4va6tsqf0w] { color: #ffc85c; background: #453820; }
.op-schedule-status[b-4va6tsqf0w] { display: inline-block; padding: .3rem .52rem; border-radius: 6px; color: #b7cad4; background: #153346; white-space: nowrap; }
.op-schedule-ok[b-4va6tsqf0w] { color: #bceaa2; background: #173b2a; }
.op-schedule-warning[b-4va6tsqf0w] { color: #f0d999; background: #42371d; }
.op-schedule-error[b-4va6tsqf0w] { color: #ffc0c3; background: #48262a; }
.op-schedule-running[b-4va6tsqf0w] { color: #acd9f4; background: #183b50; }
.op-schedule-result[b-4va6tsqf0w] { display: block; max-width: 100%; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; word-break: normal; line-height: 1.35; }
.op-schedule-result-cell[b-4va6tsqf0w] { width: 455px; min-width: 430px; max-width: 520px; }
.op-schedule-detail-toggle[b-4va6tsqf0w] { margin-top: .3rem; padding: 0; border: 0; background: none; color: #48a8ff; font: inherit; font-size: .72rem; cursor: pointer; }
.op-schedule-detail[b-4va6tsqf0w] { width: max-content; min-width: 100%; max-width: none; margin-top: .35rem; color: #9fbbc9; font-size: .72rem; }
.op-schedule-detail span[b-4va6tsqf0w] { display: block; margin-top: .2rem; white-space: nowrap; }
.op-schedule-result-full[b-4va6tsqf0w] { width: 100%; max-width: 100%; white-space: normal; overflow-wrap: anywhere; word-break: normal; line-height: 1.35; }
.op-schedule-step-list[b-4va6tsqf0w] { width: max-content; min-width: 100%; }
.op-schedule-step-list > strong[b-4va6tsqf0w] { display: block; white-space: nowrap; }
.op-schedule-editor[b-4va6tsqf0w] { display: grid; grid-template-columns: 100px minmax(520px, 1fr) 82px; gap: .6rem; align-items: center; min-width: 0; }
.op-schedule-editor input[b-4va6tsqf0w] { min-height: 34px; padding: .3rem .42rem; border: 1px solid #305267; border-radius: 7px; color: #edf6fa; background: #06131f; color-scheme: dark; }
.op-schedule-actions[b-4va6tsqf0w] { display: grid; gap: .35rem; min-width: 145px; }
.op-schedule-actions .op-btn[b-4va6tsqf0w] { width: 100%; white-space: nowrap; }
.op-batch-option[b-4va6tsqf0w] { display: flex; gap: .7rem; align-items: center; margin: 1rem 0 .5rem; }
.op-batch-help[b-4va6tsqf0w] { display: block; color: #9fbbc9; line-height: 1.6; }
.op-batch-publication[b-4va6tsqf0w] { padding: 1rem; border: 1px solid #234050; border-radius: 10px; margin: 1rem 0; }
.op-batch h3[b-4va6tsqf0w] { font-size: 1rem; margin-top: 1.5rem; }
.op-batch p[b-4va6tsqf0w] { color: #9fbbc9; }
.op-batch .op-btn[b-4va6tsqf0w] { text-decoration: none; }
@media (max-width: 700px) { .op-batch .op-header[b-4va6tsqf0w] { flex-direction: column; gap: 1rem; } .op-batch-toolbar input[b-4va6tsqf0w] { width: 100%; min-width: 0; } }

.op-schedule-fields[b-4va6tsqf0w] { display: grid; grid-template-columns: 1fr 90px; gap: .35rem; }
.op-weekly-controls[b-4va6tsqf0w] { display: grid; grid-template-columns: minmax(395px, 1fr) 112px; align-items: center; gap: .6rem; min-width: 0; }
.op-weekdays[b-4va6tsqf0w] { display: flex; flex-wrap: nowrap; align-items: center; gap: .32rem; white-space: nowrap; min-width: max-content; }
.op-weekdays label[b-4va6tsqf0w] { display: inline-flex; align-items: center; gap: .2rem; padding: .25rem .35rem; border: 1px solid #29485a; border-radius: 6px; color: #b7cad4; background: #0c2231; font-size: .68rem; cursor: pointer; }
.op-weekdays input[type=checkbox][b-4va6tsqf0w] { width: 14px; height: 14px; margin: 0; accent-color: #78e536; }
.op-weekly-time[b-4va6tsqf0w] { width: 112px; min-width: 112px; box-sizing: border-box; }
.op-schedule-editor > .op-btn[b-4va6tsqf0w] { width: 82px; min-width: 82px; white-space: nowrap; justify-self: end; }
@media (max-width: 900px) {
    .op-schedule-table .op-col-program[b-4va6tsqf0w] { min-width: 560px; }
    .op-schedule-editor[b-4va6tsqf0w] { grid-template-columns: 100px minmax(360px, 1fr) 82px; }
    .op-weekly-controls[b-4va6tsqf0w] { grid-template-columns: 1fr 108px; }
    .op-weekdays[b-4va6tsqf0w] { flex-wrap: wrap; min-width: 0; }
}
.op-schedule-manual-help[b-4va6tsqf0w] { margin: 0 !important; line-height: 1.35; }
/* /Components/Pages/ParleysFree.razor.rz.scp.css */
.pf-page[b-w6rq9wllj9]{max-width:1050px;margin:0 auto;padding:20px;color:#102a43}.pf-hero[b-w6rq9wllj9]{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#071d33,#0d3659);color:#fff;padding:22px;border-radius:20px;box-shadow:0 15px 35px rgba(8,33,58,.15)}.pf-hero>div:first-child>span[b-w6rq9wllj9]{font-size:.7rem;font-weight:900;color:#78b9ff}.pf-hero h1[b-w6rq9wllj9]{margin:3px 0;font-size:1.9rem}.pf-hero p[b-w6rq9wllj9]{margin:0;color:#d6e5f2}.pf-user[b-w6rq9wllj9]{min-width:150px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);text-align:center}.pf-user small[b-w6rq9wllj9]{display:block;color:#b8cde0}.pf-user strong[b-w6rq9wllj9]{font-size:1.05rem}.pf-empty[b-w6rq9wllj9]{display:grid;gap:6px;text-align:center;margin-top:16px;padding:34px;border:1px solid #dae6ef;border-radius:17px;background:#fff}.pf-empty span[b-w6rq9wllj9]{color:#6b8094}.pf-list[b-w6rq9wllj9]{display:grid;gap:15px;margin-top:16px}.pf-ticket[b-w6rq9wllj9]{position:relative;overflow:hidden;border:1px solid #dce7ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,46,77,.06)}.pf-ticket>*:not(.pf-watermarks)[b-w6rq9wllj9]{position:relative;z-index:2}.pf-watermarks[b-w6rq9wllj9]{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);align-content:space-around;transform:rotate(-16deg) scale(1.12);pointer-events:none;opacity:.055}.pf-watermarks span[b-w6rq9wllj9]{font-weight:900;font-size:.8rem;white-space:nowrap;text-align:center}.pf-ticket header[b-w6rq9wllj9]{display:flex;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf2f6}.pf-kicker[b-w6rq9wllj9]{font-size:.68rem;font-weight:900;color:#1677ff}.pf-ticket h2[b-w6rq9wllj9]{margin:3px 0;font-size:1.05rem}.pf-ticket header small[b-w6rq9wllj9]{color:#73879a}.pf-recipient[b-w6rq9wllj9]{text-align:right}.pf-recipient small[b-w6rq9wllj9]{display:block;font-size:.65rem}.pf-recipient strong[b-w6rq9wllj9]{color:#1677ff}.pf-picks[b-w6rq9wllj9]{padding:14px 18px;display:grid;gap:8px}.pf-pick[b-w6rq9wllj9]{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:11px;background:#f7fafc}.pf-num[b-w6rq9wllj9]{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f2ff;color:#1677ff;font-weight:900}.pf-copy[b-w6rq9wllj9]{display:grid;gap:2px}.pf-copy small[b-w6rq9wllj9],.pf-copy span[b-w6rq9wllj9]{color:#71869a;font-size:.72rem}.pf-copy strong[b-w6rq9wllj9]{font-size:.86rem}.pf-result[b-w6rq9wllj9]{padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:900}.pf-result.pending[b-w6rq9wllj9]{background:#eef3f7;color:#62788d}.pf-result.win[b-w6rq9wllj9]{background:#e8f8ef;color:#14804a}.pf-result.lose[b-w6rq9wllj9]{background:#fff0f0;color:#c73737}.pf-result.void[b-w6rq9wllj9]{background:#f3f4f6;color:#667085}.pf-ticket footer[b-w6rq9wllj9]{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;background:#fafcfe;color:#74899d;font-size:.68rem}@media(max-width:650px){.pf-page[b-w6rq9wllj9]{padding:11px}.pf-hero[b-w6rq9wllj9]{align-items:flex-start;flex-direction:column;padding:17px}.pf-user[b-w6rq9wllj9]{box-sizing:border-box;width:100%}.pf-ticket header[b-w6rq9wllj9]{flex-direction:column}.pf-recipient[b-w6rq9wllj9]{text-align:left}.pf-pick[b-w6rq9wllj9]{grid-template-columns:30px 1fr}.pf-result[b-w6rq9wllj9]{grid-column:2;justify-self:start}.pf-ticket footer[b-w6rq9wllj9]{flex-direction:column}}
/* /Components/Pages/PicksPublicadosClienteV3.razor.rz.scp.css */
/* Estilos aislados del dashboard de publicaciones para cliente. */
.dashboard-publicado-header[b-nxccq2lwxc] {
    align-items: center;
    background: linear-gradient(135deg, #0b2b4d, #145a8d);
    border-radius: 16px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

.dashboard-marca[b-nxccq2lwxc] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    opacity: 0.78;
}

.dashboard-publicado-header h1[b-nxccq2lwxc] {
    margin: 0.2rem 0;
}

.dashboard-publicado-header p[b-nxccq2lwxc] {
    margin: 0;
    opacity: 0.88;
}

.dashboard-vacio[b-nxccq2lwxc] {
    border: 0;
    text-align: center;
}

.dashboard-vacio .card-body[b-nxccq2lwxc] {
    padding: 3.5rem 1.5rem;
}

.dashboard-vacio h2[b-nxccq2lwxc] {
    color: #334155;
    font-size: 1.35rem;
}

.dashboard-vacio p[b-nxccq2lwxc] {
    color: #64748b;
    margin-bottom: 0;
}

.publicacion-dashboard-item[b-nxccq2lwxc] {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .dashboard-publicado-header[b-nxccq2lwxc] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/PoolPremium.razor.rz.scp.css */
.premium-page[b-ag2azmatov]{min-height:100vh;padding:1.25rem;color:#edf7ff;background:linear-gradient(145deg,#06111d,#081b2b 60%,#061522);font-family:Inter,"Segoe UI",sans-serif}.premium-header[b-ag2azmatov]{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.premium-header h1[b-ag2azmatov]{margin:.08rem 0;font-size:2rem}.premium-header p[b-ag2azmatov]{margin:0;color:#91aabd}.premium-kicker[b-ag2azmatov]{font-size:.68rem;letter-spacing:.11em;color:#61e29a;font-weight:800}.premium-refresh[b-ag2azmatov],.premium-filters button[b-ag2azmatov]{border:0;border-radius:9px;background:#38d47d;color:#04140c;font-weight:800;padding:.65rem 1rem;cursor:pointer}.premium-refresh:disabled[b-ag2azmatov],.premium-filters button:disabled[b-ag2azmatov]{opacity:.55}.premium-alert[b-ag2azmatov]{padding:.8rem 1rem;border-radius:10px;margin-bottom:.8rem}.premium-alert.error[b-ag2azmatov]{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.4);color:#fecdd3}.premium-filters[b-ag2azmatov]{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(220px,1fr) auto;gap:.7rem;padding:.8rem;border:1px solid rgba(122,177,214,.18);border-radius:14px;background:#0a1c2c;margin-bottom:1rem}.premium-filters label[b-ag2azmatov]{display:grid;gap:.25rem}.premium-filters label>span[b-ag2azmatov]{font-size:.66rem;color:#8ea7ba;text-transform:uppercase}.premium-filters input[b-ag2azmatov],.premium-filters select[b-ag2azmatov]{min-height:39px;border:1px solid rgba(122,177,214,.22);border-radius:8px;background:#071827;color:#edf7ff;padding:.45rem .6rem}.premium-check[b-ag2azmatov]{display:flex!important;align-items:center;gap:.5rem;padding-top:1.2rem}.premium-check input[b-ag2azmatov]{min-height:auto}.premium-loading[b-ag2azmatov],.premium-empty[b-ag2azmatov]{padding:1.4rem;text-align:center;color:#8ea7ba;border:1px dashed rgba(122,177,214,.22);border-radius:12px}.premium-kpis[b-ag2azmatov]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.premium-kpis article[b-ag2azmatov]{padding:.8rem 1rem;border:1px solid rgba(122,177,214,.17);border-radius:12px;background:#0a1b2b}.premium-kpis span[b-ag2azmatov]{display:block;color:#8ea7ba;font-size:.68rem;text-transform:uppercase}.premium-kpis strong[b-ag2azmatov]{font-size:1.5rem}.premium-panel[b-ag2azmatov]{margin-bottom:1rem;padding:1rem;border:1px solid rgba(122,177,214,.17);border-radius:15px;background:rgba(8,25,41,.92)}.premium-panel-head[b-ag2azmatov]{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}.premium-panel-head h2[b-ag2azmatov]{margin:.08rem 0;font-size:1.15rem}.premium-panel-head small[b-ag2azmatov]{color:#8ea7ba}.premium-ranking-grid[b-ag2azmatov]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.premium-pick-card[b-ag2azmatov]{padding:.7rem;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0b2134;border-left:4px solid}.premium-pick-top[b-ag2azmatov]{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.premium-rank[b-ag2azmatov]{font-size:.68rem;color:#8ea7ba}.premium-semaphore[b-ag2azmatov]{font-size:.66rem;font-weight:900;letter-spacing:.04em}.premium-pick-name[b-ag2azmatov]{display:block;margin:.4rem 0 .25rem;font-size:.93rem}.premium-match-mini[b-ag2azmatov]{font-size:.68rem;color:#91aabd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-match-mini span[b-ag2azmatov]{color:#5f7384}.premium-pick-metrics[b-ag2azmatov]{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.45rem;font-size:.66rem;color:#91aabd}.premium-pick-metrics b[b-ag2azmatov]{color:#fff}.premium-match-grid[b-ag2azmatov]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.premium-match-card[b-ag2azmatov]{border:1px solid rgba(122,177,214,.16);border-radius:13px;background:#091c2d;padding:.85rem}.premium-match-head[b-ag2azmatov]{display:flex;justify-content:space-between;gap:.8rem}.premium-match-head strong[b-ag2azmatov]{display:block;font-size:1rem;margin:.15rem 0}.premium-match-head strong span[b-ag2azmatov]{color:#60788a;font-weight:500}.premium-match-head small[b-ag2azmatov],.premium-league[b-ag2azmatov]{color:#8ea7ba;font-size:.67rem}.premium-status[b-ag2azmatov]{height:max-content;padding:.25rem .5rem;border-radius:999px;font-size:.64rem;font-weight:900}.status-ok[b-ag2azmatov]{color:#4ade80;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.38)}.status-review[b-ag2azmatov]{color:#facc15;background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.34)}.status-danger[b-ag2azmatov]{color:#fb7185;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.34)}.status-empty[b-ag2azmatov]{color:#94a3b8;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.24)}.premium-teams-row[b-ag2azmatov]{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.7rem 0}.premium-team[b-ag2azmatov]{padding:.55rem .65rem;border-radius:9px;background:#071725;border:1px solid rgba(255,255,255,.05)}.premium-team span[b-ag2azmatov]{display:block;font-size:.56rem;color:#71889a}.premium-team b[b-ag2azmatov]{display:block;font-size:.78rem}.premium-team small[b-ag2azmatov]{color:#56df91;font-size:.58rem}.premium-team.is-premium[b-ag2azmatov]{border-color:rgba(53,218,120,.24);background:rgba(53,218,120,.055)}.premium-best-pick[b-ag2azmatov]{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:9px;border-left:4px solid;background:#081827}.premium-best-pick small[b-ag2azmatov]{display:block;color:#8098aa;font-size:.54rem}.premium-best-pick strong[b-ag2azmatov]{font-size:.86rem}.premium-best-pick>span[b-ag2azmatov]{font-size:.65rem;font-weight:900}.premium-best-pick>b[b-ag2azmatov]{font-size:.83rem}.premium-alt-picks[b-ag2azmatov]{display:grid;gap:.35rem;margin-top:.45rem}.premium-alt-pick[b-ag2azmatov]{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;padding:.42rem .55rem;border-radius:7px;background:#071725;border-left:3px solid}.premium-alt-pick span[b-ag2azmatov]{font-size:.72rem}.premium-alt-pick b[b-ag2azmatov]{font-size:.6rem}.premium-alt-pick small[b-ag2azmatov]{font-size:.66rem;color:#b5c5d1}.premium-no-pick[b-ag2azmatov]{padding:.55rem;color:#8ea7ba;font-size:.72rem;background:#071725;border-radius:8px}.sem-green[b-ag2azmatov]{border-left-color:#22c55e!important}.sem-green .premium-semaphore[b-ag2azmatov],.sem-green.premium-best-pick>span[b-ag2azmatov],.sem-green.premium-alt-pick b[b-ag2azmatov]{color:#4ade80}.sem-blue[b-ag2azmatov]{border-left-color:#3b82f6!important}.sem-blue .premium-semaphore[b-ag2azmatov],.sem-blue.premium-best-pick>span[b-ag2azmatov],.sem-blue.premium-alt-pick b[b-ag2azmatov]{color:#60a5fa}.sem-yellow[b-ag2azmatov]{border-left-color:#facc15!important}.sem-yellow .premium-semaphore[b-ag2azmatov],.sem-yellow.premium-best-pick>span[b-ag2azmatov],.sem-yellow.premium-alt-pick b[b-ag2azmatov]{color:#fde047}.sem-orange[b-ag2azmatov]{border-left-color:#f97316!important}.sem-orange .premium-semaphore[b-ag2azmatov],.sem-orange.premium-best-pick>span[b-ag2azmatov],.sem-orange.premium-alt-pick b[b-ag2azmatov]{color:#fb923c}.sem-red[b-ag2azmatov]{border-left-color:#f43f5e!important}.sem-red .premium-semaphore[b-ag2azmatov],.sem-red.premium-best-pick>span[b-ag2azmatov],.sem-red.premium-alt-pick b[b-ag2azmatov]{color:#fb7185}@media(max-width:1100px){.premium-ranking-grid[b-ag2azmatov]{grid-template-columns:repeat(2,1fr)}.premium-match-grid[b-ag2azmatov]{grid-template-columns:1fr}.premium-filters[b-ag2azmatov]{grid-template-columns:repeat(2,1fr)}.premium-kpis[b-ag2azmatov]{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.premium-page[b-ag2azmatov]{padding:.7rem}.premium-header[b-ag2azmatov]{align-items:flex-start}.premium-ranking-grid[b-ag2azmatov],.premium-kpis[b-ag2azmatov],.premium-filters[b-ag2azmatov]{grid-template-columns:1fr}.premium-panel-head[b-ag2azmatov]{align-items:flex-start;flex-direction:column}.premium-teams-row[b-ag2azmatov]{grid-template-columns:1fr}.premium-best-pick[b-ag2azmatov],.premium-alt-pick[b-ag2azmatov]{grid-template-columns:1fr auto}.premium-best-pick>b[b-ag2azmatov],.premium-alt-pick small[b-ag2azmatov]{grid-column:2}.premium-header p[b-ag2azmatov]{display:none}}
/* /Components/Pages/PronosticosManualV3.razor.rz.scp.css */
.pm-page[b-jwnn4d8kzo] {
    padding: 1rem 1.25rem 2rem;
}

.pm-title-row h1[b-jwnn4d8kzo] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.pm-subtitle[b-jwnn4d8kzo] {
    margin: .35rem 0 1rem;
    color: #52606d;
}

.pm-card[b-jwnn4d8kzo] {
    border: 1px solid #d8e0e8;
    border-radius: .55rem;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.pm-card-title[b-jwnn4d8kzo] {
    padding: .75rem 1rem;
    border-bottom: 1px solid #e5eaf0;
    font-weight: 700;
    background: #f8fafc;
    border-radius: .55rem .55rem 0 0;
}

.pm-card-body[b-jwnn4d8kzo] {
    padding: 1rem;
}

.pm-inline-note[b-jwnn4d8kzo] {
    width: 100%;
    padding: .55rem .75rem;
    border: 1px dashed #a9b8c7;
    border-radius: .35rem;
    color: #52606d;
    background: #f8fafc;
}

.pm-profile-source[b-jwnn4d8kzo] {
    min-height: 38px;
    padding: .4rem .65rem;
    border: 1px solid #d8e0e8;
    border-radius: .35rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

.pm-profile-source small[b-jwnn4d8kzo],
.pm-profile-meta[b-jwnn4d8kzo] {
    color: #64748b;
    font-size: .78rem;
}

.pm-rule-group[b-jwnn4d8kzo] {
    height: 100%;
    padding: .9rem;
    border: 1px solid #dfe6ed;
    border-radius: .5rem;
    background: #fbfdff;
}

.pm-rule-group h5[b-jwnn4d8kzo] {
    margin: 0 0 .75rem;
    font-size: 1rem;
    font-weight: 700;
}

.pm-direction[b-jwnn4d8kzo] {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .76rem;
    font-weight: 400;
}

.pm-slider-row[b-jwnn4d8kzo],
.pm-info-slider[b-jwnn4d8kzo] {
    padding: .55rem 0;
    border-bottom: 1px solid #edf1f5;
}

.pm-slider-row:last-child[b-jwnn4d8kzo],
.pm-info-slider:last-child[b-jwnn4d8kzo] {
    border-bottom: 0;
}

.pm-info-slider[b-jwnn4d8kzo] {
    padding: .55rem .65rem;
    margin-top: .35rem;
    border: 1px dashed #9cb7d1;
    border-radius: .4rem;
    background: #f1f7fd;
}

.pm-slider-label[b-jwnn4d8kzo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin-bottom: .2rem;
    font-size: .86rem;
}

.pm-slider-label label[b-jwnn4d8kzo] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.pm-slider-label em[b-jwnn4d8kzo] {
    color: #64748b;
    font-size: .75rem;
}

.pm-profile-help[b-jwnn4d8kzo] {
    align-self: center;
    color: #64748b;
    font-size: .82rem;
}

.pm-summary[b-jwnn4d8kzo] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: .65rem;
}

.pm-summary-item[b-jwnn4d8kzo] {
    padding: .75rem .85rem;
    border: 1px solid #d8e0e8;
    border-left: 4px solid #3b82f6;
    border-radius: .5rem;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.pm-summary-item span[b-jwnn4d8kzo] {
    color: #64748b;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pm-summary-item strong[b-jwnn4d8kzo] {
    font-size: 1.35rem;
}

.pm-summary-item small[b-jwnn4d8kzo] {
    color: #64748b;
}

.pm-summary-item.pm-green[b-jwnn4d8kzo] { border-left-color: #16a34a; }
.pm-summary-item.pm-yellow[b-jwnn4d8kzo] { border-left-color: #f59e0b; }
.pm-summary-item.pm-red[b-jwnn4d8kzo] { border-left-color: #dc2626; }
.pm-summary-item.pm-gray[b-jwnn4d8kzo] { border-left-color: #64748b; }

.pm-filter-bar[b-jwnn4d8kzo] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e5eaf0;
}

.pm-table-wrap[b-jwnn4d8kzo] {
    max-height: 720px;
    overflow: auto;
}

.pm-table[b-jwnn4d8kzo] {
    min-width: 1840px;
}

.pm-table thead th[b-jwnn4d8kzo] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .65rem;
    background: #f8fafc;
    border-bottom: 2px solid #cbd5e1;
    white-space: nowrap;
}

.pm-table td[b-jwnn4d8kzo] {
    padding: .65rem;
    vertical-align: top;
}

.pm-estado-verde[b-jwnn4d8kzo] { border-left: 5px solid #16a34a; background: #f2fbf5; }
.pm-estado-amarillo[b-jwnn4d8kzo] { border-left: 5px solid #f59e0b; background: #fffaf0; }
.pm-estado-rojo[b-jwnn4d8kzo] { border-left: 5px solid #dc2626; background: #fff5f5; }
.pm-estado-gris[b-jwnn4d8kzo] { border-left: 5px solid #64748b; background: #f8fafc; }

.pm-state-cell[b-jwnn4d8kzo] {
    min-width: 125px;
}

.pm-score[b-jwnn4d8kzo] {
    margin-top: .4rem;
    font-size: .78rem;
    font-weight: 700;
}

.pm-match-cell[b-jwnn4d8kzo] {
    min-width: 230px;
}

.pm-match-cell strong[b-jwnn4d8kzo],
.pm-match-cell small[b-jwnn4d8kzo] {
    display: block;
}

.pm-jornada[b-jwnn4d8kzo] {
    margin-bottom: .25rem;
    color: #2563eb;
    font-size: .76rem;
    font-weight: 700;
}

.pm-metric[b-jwnn4d8kzo] {
    min-width: 145px;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .35rem;
    align-items: baseline;
    padding: .12rem 0;
    border-bottom: 1px dotted #d6dee7;
    font-size: .79rem;
}

.pm-metric:last-child[b-jwnn4d8kzo] {
    border-bottom: 0;
}

.pm-metric span[b-jwnn4d8kzo] {
    color: #52606d;
}

.pm-metric small[b-jwnn4d8kzo] {
    color: #7c8a99;
}

.pm-evaluation-cell[b-jwnn4d8kzo] {
    min-width: 340px;
    font-size: .8rem;
}

.pm-criteria-count[b-jwnn4d8kzo] {
    margin-top: .35rem;
    color: #64748b;
}

.pm-evaluation-cell details[b-jwnn4d8kzo] {
    margin-top: .35rem;
}

.pm-evaluation-cell summary[b-jwnn4d8kzo] {
    cursor: pointer;
    color: #2563eb;
}

.pm-evaluation-cell ul[b-jwnn4d8kzo] {
    margin: .35rem 0 0;
    padding-left: 1.1rem;
}

.pm-ok[b-jwnn4d8kzo] { color: #15803d; }
.pm-near[b-jwnn4d8kzo] { color: #b45309; }
.pm-fail[b-jwnn4d8kzo] { color: #b91c1c; }

.pm-action-cell[b-jwnn4d8kzo] {
    min-width: 175px;
}

.pm-action-cell .badge[b-jwnn4d8kzo],
.pm-action-cell small[b-jwnn4d8kzo],
.pm-action-cell button[b-jwnn4d8kzo] {
    display: block;
    margin-bottom: .4rem;
}

@media (max-width: 1400px) {
    .pm-summary[b-jwnn4d8kzo] {
        grid-template-columns: repeat(3, minmax(130px, 1fr));
    }
}

@media (max-width: 768px) {
    .pm-page[b-jwnn4d8kzo] {
        padding: .75rem;
    }

    .pm-summary[b-jwnn4d8kzo] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

/* -------------------------------------------------------------------------
   Extensión de RESULTADOS V3
   ------------------------------------------------------------------------- */
.pm-result-help[b-jwnn4d8kzo] {
    margin-top: .75rem;
    padding: .65rem .75rem;
    border-radius: .65rem;
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a5f;
    font-size: .8rem;
    line-height: 1.35;
}

.pm-delta strong[b-jwnn4d8kzo] {
    font-size: .95rem;
    color: #1d4ed8;
}

.pm-matrix-zone[b-jwnn4d8kzo] {
    margin-bottom: .35rem;
    padding: .35rem .5rem;
    border-radius: .45rem;
    background: rgba(37, 99, 235, .08);
    color: #334155;
    font-size: .76rem;
}

.pm-rach-alert[b-jwnn4d8kzo] {
    display: block;
    margin-top: .3rem;
    color: #b45309;
    font-weight: 700;
}

.pm-match-logos[b-jwnn4d8kzo] { display:grid; grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr); align-items:center; gap:.35rem; margin:.25rem 0; min-width:300px; }
.pm-match-team[b-jwnn4d8kzo] { display:flex; align-items:center; gap:.35rem; min-width:0; }
.pm-match-local[b-jwnn4d8kzo] { justify-content:flex-end; text-align:right; }
.pm-vs[b-jwnn4d8kzo] { color:#0d6efd; text-align:center; font-size:.68rem; font-weight:900; }
.pm-team-logo[b-jwnn4d8kzo] { width:32px; height:32px; flex:0 0 32px; object-fit:contain; padding:3px; border:1px solid rgba(13,110,253,.18); border-radius:8px; background:#fff; }


/* -------------------------------------------------------------------------
   Cuotas actuales de Flashscore — Pronósticos Manual V3
   ------------------------------------------------------------------------- */
.pm-summary[b-jwnn4d8kzo] {
    grid-template-columns: repeat(9, minmax(120px, 1fr));
}

.pm-summary-item.pm-odds-ok[b-jwnn4d8kzo] { border-left-color: #0ea5e9; }
.pm-summary-item.pm-odds-missing[b-jwnn4d8kzo] { border-left-color: #94a3b8; }
.pm-summary-item.pm-odds-houses[b-jwnn4d8kzo] { border-left-color: #8b5cf6; }

.pm-odds-message[b-jwnn4d8kzo] {
    padding: .65rem 1rem;
    border-bottom: 1px solid #dbeafe;
    color: #1e3a5f;
    background: #eff6ff;
    font-size: .84rem;
}

.pm-odds-cell[b-jwnn4d8kzo] {
    min-width: 285px;
}

.pm-odds-select[b-jwnn4d8kzo] {
    min-width: 245px;
    margin-bottom: .45rem;
}

.pm-odds-main[b-jwnn4d8kzo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .4rem;
}

.pm-odds-main > strong[b-jwnn4d8kzo] {
    color: #0f172a;
    font-size: 1.3rem;
}

.pm-odds-grid[b-jwnn4d8kzo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .22rem .55rem;
    padding: .45rem;
    border: 1px solid #dbeafe;
    border-radius: .45rem;
    background: #f8fbff;
    font-size: .74rem;
}

.pm-odds-grid span[b-jwnn4d8kzo] {
    color: #64748b;
}

.pm-odds-grid strong[b-jwnn4d8kzo] {
    color: #1e293b;
}

.pm-odds-meta[b-jwnn4d8kzo] {
    display: block;
    margin-top: .35rem;
    color: #64748b;
}

.pm-ev-positive[b-jwnn4d8kzo] { color: #15803d !important; }
.pm-ev-neutral[b-jwnn4d8kzo] { color: #b45309 !important; }
.pm-ev-negative[b-jwnn4d8kzo] { color: #b91c1c !important; }

.pm-odds-empty[b-jwnn4d8kzo] {
    display: grid;
    gap: .15rem;
    min-width: 220px;
    padding: .7rem;
    border: 1px dashed #cbd5e1;
    border-radius: .5rem;
    color: #64748b;
    background: #f8fafc;
}

.pm-odds-empty strong[b-jwnn4d8kzo] {
    color: #475569;
    font-size: 1.1rem;
}

.pm-selected-odd[b-jwnn4d8kzo] {
    color: #0369a1;
    font-weight: 700;
}

@media (max-width: 1600px) {
    .pm-summary[b-jwnn4d8kzo] {
        grid-template-columns: repeat(3, minmax(130px, 1fr));
    }
}

@media (max-width: 768px) {
    .pm-summary[b-jwnn4d8kzo] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}
/* /Components/Pages/PublicacionClienteV3.razor.rz.scp.css */
/*
   Estilos aislados de la pantalla administrativa.
   No modifica el CSS global ni el menú del sistema.
*/
.metrica-card[b-lyvzr1jdbf] {
    border: 0;
    min-height: 112px;
}

.metrica-card .card-body[b-lyvzr1jdbf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.metrica-card span[b-lyvzr1jdbf] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.metrica-card strong[b-lyvzr1jdbf] {
    color: #172b4d;
    font-size: 1.75rem;
    line-height: 1.1;
    margin-top: 0.3rem;
}

.metrica-visible[b-lyvzr1jdbf] {
    border-left: 5px solid #198754;
}

.metrica-oculto[b-lyvzr1jdbf] {
    border-left: 5px solid #dc3545;
}

.metrica-estado[b-lyvzr1jdbf] {
    border-left: 5px solid #0d6efd;
}

.acciones-publicacion[b-lyvzr1jdbf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.estado-publicacion[b-lyvzr1jdbf] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: #64748b;
    font-size: 0.83rem;
}

.fila-oculta[b-lyvzr1jdbf] {
    background: #fff5f5;
    opacity: 0.82;
}

.preview-titulo h2[b-lyvzr1jdbf] {
    font-size: 1.3rem;
    margin-bottom: 0.25rem;
}

.publicacion-print-container[b-lyvzr1jdbf] {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

@media print {
    .no-print[b-lyvzr1jdbf] {
        display: none !important;
    }

    .publicacion-print-container[b-lyvzr1jdbf] {
        max-width: none;
        margin: 0;
    }

    [b-lyvzr1jdbf] .publicacion-cliente-preview {
        border: 0;
        box-shadow: none;
    }
}
/* /Components/Pages/RadarAnaliticoJornadaV3.razor.rz.scp.css */
.radar-page[b-klm1x6939t]{--bg:#061321;--panel:#0b1f32;--border:rgba(112,174,215,.18);--text:#edf8ff;--muted:#8ea8ba;--blue:#3b91ff;--cyan:#20c7dc;--gold:#f4be45;--green:#3bd987;--purple:#a675ff;--red:#ff6575;min-height:100vh;margin:-1.5rem;padding:1.35rem;color:var(--text);background:radial-gradient(circle at 88% 2%,rgba(59,145,255,.16),transparent 30%),linear-gradient(145deg,#04101b,#071a2a 58%,#061321);font-family:Inter,"Segoe UI",sans-serif}.radar-header[b-klm1x6939t]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.radar-logo[b-klm1x6939t]{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(32,199,220,.45);border-radius:18px;color:#7feafa;background:rgba(32,199,220,.08);font-size:.72rem;font-weight:900;letter-spacing:.08em;box-shadow:0 0 28px rgba(32,199,220,.12)}.radar-header h1[b-klm1x6939t]{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem)}.radar-header p[b-klm1x6939t]{margin:.2rem 0 0;color:var(--muted)}.radar-alert[b-klm1x6939t]{margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid;border-radius:12px}.radar-alert.ok[b-klm1x6939t]{color:#c7f7db;border-color:rgba(59,217,135,.35);background:rgba(59,217,135,.08)}.radar-alert.error[b-klm1x6939t]{color:#ffd6dc;border-color:rgba(255,101,117,.4);background:rgba(255,101,117,.08)}.radar-filters[b-klm1x6939t]{display:grid;grid-template-columns:.85fr 1fr 1.2fr .8fr 1.05fr auto;gap:.7rem;padding:.85rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:15px;background:rgba(8,27,44,.9)}.radar-filters label[b-klm1x6939t]{display:grid;gap:.32rem;min-width:0}.radar-filters label span[b-klm1x6939t]{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.radar-filters select[b-klm1x6939t]{width:100%;min-height:42px;padding:.55rem .65rem;color:var(--text);border:1px solid rgba(116,170,210,.24);border-radius:9px;background:#081827;outline:none}.radar-filters select:focus[b-klm1x6939t]{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,199,220,.1)}.radar-run[b-klm1x6939t]{align-self:end;min-height:42px;padding:.6rem 1rem;color:#04151a;border:0;border-radius:9px;background:linear-gradient(135deg,#73e9f6,#20b8d2);font-weight:850;cursor:pointer;white-space:nowrap}.radar-run:disabled[b-klm1x6939t]{opacity:.5;cursor:not-allowed}.radar-context[b-klm1x6939t]{display:flex;align-items:center;gap:2rem;padding:.7rem 1rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:12px;background:rgba(9,29,47,.8)}.radar-context>div:not(.radar-context-note)[b-klm1x6939t]{display:grid;gap:.05rem}.radar-context span[b-klm1x6939t]{color:var(--muted);font-size:.66rem;text-transform:uppercase}.radar-context-note[b-klm1x6939t]{margin-left:auto;padding:.38rem .65rem;color:#bde9f0;border:1px solid rgba(32,199,220,.28);border-radius:999px;background:rgba(32,199,220,.07);font-size:.68rem}.radar-kpis[b-klm1x6939t]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.radar-kpi[b-klm1x6939t]{position:relative;overflow:hidden;min-height:112px;padding:.82rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(14,40,62,.94),rgba(7,24,39,.96))}.radar-kpi[b-klm1x6939t]:after{position:absolute;inset:auto -12% -70% 20%;height:110px;content:"";border-radius:50%;filter:blur(28px);opacity:.22}.radar-kpi.blue[b-klm1x6939t]:after{background:var(--blue)}.radar-kpi.cyan[b-klm1x6939t]:after{background:var(--cyan)}.radar-kpi.gold[b-klm1x6939t]:after{background:var(--gold)}.radar-kpi.green[b-klm1x6939t]:after{background:var(--green)}.radar-kpi.purple[b-klm1x6939t]:after{background:var(--purple)}.radar-kpi.red[b-klm1x6939t]:after{background:var(--red)}.radar-kpi span[b-klm1x6939t],.radar-kpi strong[b-klm1x6939t],.radar-kpi small[b-klm1x6939t]{display:block}.radar-kpi span[b-klm1x6939t]{color:var(--muted);font-size:.66rem;text-transform:uppercase}.radar-kpi strong[b-klm1x6939t]{margin-top:.3rem;font-size:1.6rem}.radar-kpi small[b-klm1x6939t]{margin-top:.4rem;color:#a8bfce;font-size:.62rem}.match-grid[b-klm1x6939t]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.match-card[b-klm1x6939t]{overflow:hidden;padding:.92rem;border:1px solid var(--border);border-left:4px solid var(--purple);border-radius:15px;background:linear-gradient(150deg,rgba(11,33,52,.96),rgba(7,22,37,.98));box-shadow:0 18px 42px rgba(0,0,0,.14)}.match-card.stable[b-klm1x6939t]{border-left-color:var(--gold)}.match-card.good[b-klm1x6939t]{border-left-color:var(--green)}.match-card.review[b-klm1x6939t]{border-left-color:var(--purple)}.match-card.avoid[b-klm1x6939t]{border-left-color:var(--red)}.match-card.nodata[b-klm1x6939t]{border-left-color:#647c8e}.match-head[b-klm1x6939t]{display:flex;justify-content:space-between;gap:1rem}.match-date[b-klm1x6939t],.match-status[b-klm1x6939t]{display:grid;gap:.12rem}.match-date strong[b-klm1x6939t]{font-size:.72rem}.match-date span[b-klm1x6939t],.match-status small[b-klm1x6939t]{color:var(--muted);font-size:.61rem}.match-status[b-klm1x6939t]{text-align:right}.status-pill[b-klm1x6939t]{justify-self:end;padding:.28rem .55rem;border:1px solid rgba(166,117,255,.28);border-radius:999px;color:#d4bcff;background:rgba(166,117,255,.08);font-size:.63rem;font-weight:800}.stable .status-pill[b-klm1x6939t]{color:#ffe3a0;border-color:rgba(244,190,69,.35);background:rgba(244,190,69,.09)}.good .status-pill[b-klm1x6939t]{color:#adf2cb;border-color:rgba(59,217,135,.3);background:rgba(59,217,135,.08)}.avoid .status-pill[b-klm1x6939t]{color:#ffc2ca;border-color:rgba(255,101,117,.35);background:rgba(255,101,117,.08)}.nodata .status-pill[b-klm1x6939t]{color:#b7c6d0;border-color:rgba(142,168,186,.3);background:rgba(142,168,186,.07)}.match-teams[b-klm1x6939t]{display:flex;justify-content:center;align-items:center;gap:.55rem;margin:.85rem 0 .65rem;font-size:1rem;text-align:center}.match-teams span[b-klm1x6939t]{color:#607e92;font-size:.66rem}.expected-score[b-klm1x6939t]{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-bottom:.72rem;padding:.45rem;border:1px solid rgba(59,145,255,.14);border-radius:10px;background:rgba(59,145,255,.045)}.expected-score span[b-klm1x6939t],.expected-score small[b-klm1x6939t]{color:var(--muted);font-size:.61rem}.expected-score strong[b-klm1x6939t]{color:#9cc9ff;font-size:1.05rem}.match-metrics[b-klm1x6939t]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-bottom:.72rem}.match-metrics div[b-klm1x6939t]{padding:.42rem;text-align:center;border:1px solid rgba(116,170,210,.1);border-radius:8px;background:rgba(4,18,31,.42)}.match-metrics span[b-klm1x6939t],.match-metrics strong[b-klm1x6939t]{display:block}.match-metrics span[b-klm1x6939t]{min-height:27px;color:#7996aa;font-size:.52rem;text-transform:uppercase}.match-metrics strong[b-klm1x6939t]{font-size:.71rem}.pick-list[b-klm1x6939t]{display:grid;gap:.38rem}.pick-chip[b-klm1x6939t]{border:1px solid rgba(116,170,210,.15);border-radius:10px;background:rgba(5,18,31,.58)}.pick-chip summary[b-klm1x6939t]{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:.45rem;padding:.48rem .55rem;cursor:pointer;list-style:none}.pick-chip summary[b-klm1x6939t]::-webkit-details-marker{display:none}.pick-chip summary b[b-klm1x6939t]{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#061321;background:#f4be45;font-size:.65rem}.pick-chip.rank-2 summary b[b-klm1x6939t],.pick-chip.rank-3 summary b[b-klm1x6939t]{color:#d9ecff;background:#2f75b9}.pick-chip.rank-4 summary b[b-klm1x6939t],.pick-chip.rank-5 summary b[b-klm1x6939t]{color:#eadfff;background:#6e4ca5}.pick-chip summary span[b-klm1x6939t]{font-size:.71rem;font-weight:650}.pick-chip summary strong[b-klm1x6939t]{font-size:.72rem}.pick-chip.sample-strong[b-klm1x6939t]{border-color:rgba(244,190,69,.24)}.pick-chip.sample-medium[b-klm1x6939t]{border-color:rgba(59,145,255,.22)}.pick-chip.sample-low[b-klm1x6939t]{border-color:rgba(166,117,255,.18)}.pick-detail[b-klm1x6939t]{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.55rem;border-top:1px solid rgba(116,170,210,.1)}.pick-detail div[b-klm1x6939t]{display:grid;gap:.08rem}.pick-detail span[b-klm1x6939t]{color:var(--muted);font-size:.53rem;text-transform:uppercase}.pick-detail strong[b-klm1x6939t]{font-size:.64rem}.pick-detail p[b-klm1x6939t]{grid-column:1/-1;margin:.3rem 0 0;color:#b7ccd9;font-size:.64rem;line-height:1.45}.no-picks[b-klm1x6939t]{padding:.7rem;color:var(--muted);text-align:center;border:1px dashed rgba(116,170,210,.16);border-radius:10px;font-size:.68rem}.match-actions[b-klm1x6939t]{display:flex;justify-content:flex-end;gap:.45rem;margin-top:.75rem}.match-actions a[b-klm1x6939t]{padding:.38rem .62rem;color:#bcecf3;text-decoration:none;border:1px solid rgba(32,199,220,.22);border-radius:8px;background:rgba(32,199,220,.06);font-size:.63rem}.match-actions a:last-child[b-klm1x6939t]{color:#c8dbff;border-color:rgba(59,145,255,.22);background:rgba(59,145,255,.06)}.radar-empty[b-klm1x6939t]{display:grid;place-items:center;min-height:470px;padding:2rem;text-align:center;border:1px dashed rgba(102,170,216,.28);border-radius:18px;background:rgba(7,24,39,.72)}.radar-empty.compact[b-klm1x6939t]{min-height:190px}.radar-empty-icon[b-klm1x6939t]{font-size:3.5rem;color:var(--cyan)}.radar-empty p[b-klm1x6939t]{max-width:650px;color:var(--muted)}.radar-loader[b-klm1x6939t]{width:52px;height:52px;border:5px solid rgba(32,199,220,.18);border-top-color:var(--cyan);border-radius:50%;animation:radar-spin-b-klm1x6939t 1s linear infinite}@keyframes radar-spin-b-klm1x6939t{to{transform:rotate(360deg)}}@media(max-width:1350px){.radar-filters[b-klm1x6939t]{grid-template-columns:repeat(3,1fr)}.radar-kpis[b-klm1x6939t]{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.match-grid[b-klm1x6939t]{grid-template-columns:1fr}.match-metrics[b-klm1x6939t]{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.radar-page[b-klm1x6939t]{margin:-.75rem;padding:.75rem}.radar-filters[b-klm1x6939t]{grid-template-columns:1fr}.radar-kpis[b-klm1x6939t]{grid-template-columns:repeat(2,1fr)}.radar-context[b-klm1x6939t]{align-items:flex-start;flex-direction:column;gap:.5rem}.radar-context-note[b-klm1x6939t]{margin-left:0}.match-head[b-klm1x6939t]{flex-direction:column}.match-status[b-klm1x6939t]{text-align:left}.status-pill[b-klm1x6939t]{justify-self:start}.match-metrics[b-klm1x6939t]{grid-template-columns:repeat(2,1fr)}.pick-detail[b-klm1x6939t]{grid-template-columns:repeat(2,1fr)}}
.radar-v4-badge[b-klm1x6939t]{display:inline-flex;align-items:center;margin-left:.45rem;padding:.2rem .45rem;border:1px solid rgba(32,199,220,.42);border-radius:999px;color:#8df3ff;background:rgba(32,199,220,.09);font-size:.55em;font-weight:800;vertical-align:middle;letter-spacing:.04em}
/* /Components/Pages/RespaldosRestauracion.razor.rz.scp.css */
.backup-page[b-f7hlgqd29r] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: #172033;
}

.backup-header[b-f7hlgqd29r] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem 1.5rem;
    margin-bottom: 1rem;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #0b2849, #155c83);
    box-shadow: 0 12px 30px rgba(13, 45, 76, .18);
}

.backup-icon[b-f7hlgqd29r], .card-icon[b-f7hlgqd29r] {
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .14);
    font-size: 2rem;
}

.backup-kicker[b-f7hlgqd29r] { margin: 0 0 .2rem; color: #b8e8ff; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.backup-header h1[b-f7hlgqd29r] { margin: 0; font-size: clamp(1.5rem, 3vw, 2.15rem); font-weight: 800; }
.backup-header p:last-child[b-f7hlgqd29r] { margin: .3rem 0 0; color: #d9f2ff; }

.backup-alert[b-f7hlgqd29r] { margin-bottom: 1rem; padding: .85rem 1rem; border: 1px solid transparent; border-radius: 11px; }
.backup-alert.success[b-f7hlgqd29r] { border-color: #a7e1c9; background: #eafaf3; color: #086344; }
.backup-alert.error[b-f7hlgqd29r] { border-color: #f3b4b4; background: #fff0f0; color: #9d2424; }
.backup-alert.warning[b-f7hlgqd29r] { border-color: #f1d08a; background: #fff8df; color: #76500b; }

.backup-summary[b-f7hlgqd29r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}
.backup-summary div[b-f7hlgqd29r] { min-width: 0; padding: .85rem 1rem; border: 1px solid #d9e4ef; border-radius: 12px; background: #fff; }
.backup-summary span[b-f7hlgqd29r], .backup-summary strong[b-f7hlgqd29r] { display: block; }
.backup-summary span[b-f7hlgqd29r] { margin-bottom: .25rem; color: #65758b; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.backup-summary strong[b-f7hlgqd29r] { overflow: hidden; color: #18324d; text-overflow: ellipsis; white-space: nowrap; }

.backup-actions-grid[b-f7hlgqd29r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.backup-card[b-f7hlgqd29r] { padding: 1.2rem; border: 1px solid #d8e3ee; border-radius: 14px; background: #fff; box-shadow: 0 6px 20px rgba(20, 45, 73, .07); }
.backup-card h2[b-f7hlgqd29r] { margin: .85rem 0 .35rem; color: #173b5d; font-size: 1.15rem; font-weight: 800; }
.backup-card p[b-f7hlgqd29r] { color: #66778b; }
.backup-card small[b-f7hlgqd29r] { display: block; margin-top: .7rem; color: #718095; }
.primary-card[b-f7hlgqd29r] { border-color: #94c9ea; background: linear-gradient(180deg, #fff, #f5fbff); }
.card-icon[b-f7hlgqd29r] { width: 50px; height: 50px; background: #e5f4ff; font-size: 1.55rem; }
.action-button[b-f7hlgqd29r] { width: 100%; margin-top: .4rem; padding: .7rem; font-weight: 750; }

.list-card[b-f7hlgqd29r] { padding: 0; overflow: hidden; margin-bottom: 1rem; }
.list-header[b-f7hlgqd29r] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid #e1e9f1; }
.list-header h2[b-f7hlgqd29r] { margin: 0; }
.list-header p[b-f7hlgqd29r] { margin: .15rem 0 0; }
.backup-table[b-f7hlgqd29r] { margin: 0; font-size: .88rem; }
.backup-table th[b-f7hlgqd29r] { padding: .75rem; border-bottom: 1px solid #d9e3ed; background: #f5f8fb; color: #52657a; font-size: .72rem; text-transform: uppercase; white-space: nowrap; }
.backup-table td[b-f7hlgqd29r] { padding: .75rem; border-color: #e8eef4; }
.backup-table td strong[b-f7hlgqd29r], .backup-table td small[b-f7hlgqd29r] { display: block; }
.backup-table tr.selected td[b-f7hlgqd29r] { background: #eef8ff; }
.status[b-f7hlgqd29r] { display: inline-flex; padding: .25rem .5rem; border-radius: 999px; font-size: .72rem; font-weight: 800; }
.status.ok[b-f7hlgqd29r] { background: #dff7ec; color: #08724f; }
.status.pending[b-f7hlgqd29r] { background: #fff2cd; color: #835d08; }
.row-actions[b-f7hlgqd29r] { display: flex; flex-wrap: wrap; gap: .35rem; }
.action-link[b-f7hlgqd29r], .icon-button[b-f7hlgqd29r] { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: .35rem .55rem; border: 1px solid #ccd9e5; border-radius: 8px; background: #fff; color: #193c5d; font-size: .78rem; text-decoration: none; cursor: pointer; }
.action-link:hover[b-f7hlgqd29r] { background: #eaf5ff; border-color: #6db8e7; }
.action-link.restore:hover[b-f7hlgqd29r] { background: #e8faef; border-color: #69c98f; }
.icon-button.delete:hover[b-f7hlgqd29r] { background: #fff0f0; border-color: #ef9090; }
.empty-state[b-f7hlgqd29r] { display: grid; place-items: center; gap: .25rem; min-height: 160px; padding: 2rem; color: #6d7d90; text-align: center; }
.empty-state span[b-f7hlgqd29r] { font-size: 2rem; }

.restore-card[b-f7hlgqd29r] { margin-bottom: 1rem; border: 2px solid #efb4b4; background: #fffafa; }
.restore-title[b-f7hlgqd29r] { display: flex; align-items: center; gap: .75rem; }
.restore-title > div:first-child[b-f7hlgqd29r] { font-size: 2rem; }
.restore-title h2[b-f7hlgqd29r] { margin: 0; color: #a32828; }
.restore-title p[b-f7hlgqd29r] { margin: .2rem 0 0; }
.confirm-check[b-f7hlgqd29r] { display: flex; align-items: flex-start; gap: .55rem; margin: .8rem 0; color: #4e5c6e; }
.confirm-check input[b-f7hlgqd29r] { margin-top: .2rem; }
.confirm-field[b-f7hlgqd29r] { display: block; max-width: 420px; }
.confirm-field span[b-f7hlgqd29r] { display: block; margin-bottom: .35rem; color: #4e5c6e; }
.confirm-actions[b-f7hlgqd29r] { display: flex; justify-content: flex-end; gap: .6rem; margin-top: 1rem; }
.delete-card[b-f7hlgqd29r] { border-color: #efb4b4; }
.delete-card h2[b-f7hlgqd29r] { color: #a32828; }

@media (max-width: 900px) {
    .backup-summary[b-f7hlgqd29r], .backup-actions-grid[b-f7hlgqd29r] { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .backup-header[b-f7hlgqd29r] { align-items: flex-start; padding: 1rem; }
    .backup-icon[b-f7hlgqd29r] { width: 48px; height: 48px; flex-basis: 48px; font-size: 1.45rem; }
    .list-header[b-f7hlgqd29r] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/SelectorMercadosPronosticosV4.razor.rz.scp.css */
.selector-page[b-75zvzko5ce] {
    padding: 1.25rem;
    color: #eaf2ff;
}

.selector-hero[b-75zvzko5ce],
.selector-toolbar[b-75zvzko5ce],
.family-card[b-75zvzko5ce],
.fixed-results[b-75zvzko5ce],
.selector-footer[b-75zvzko5ce],
.loading-card[b-75zvzko5ce] {
    border: 1px solid rgba(112, 149, 190, .28);
    background: linear-gradient(180deg, rgba(9, 27, 44, .96), rgba(5, 18, 31, .96));
    border-radius: 14px;
}

.selector-hero[b-75zvzko5ce] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
    padding: 1.25rem 1.4rem;
    margin-bottom: 1rem;
}

.eyebrow[b-75zvzko5ce] {
    color: #65c7ff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.selector-hero h1[b-75zvzko5ce] {
    margin: .2rem 0 .35rem;
    font-size: 1.65rem;
}

.selector-hero p[b-75zvzko5ce] {
    margin: 0;
    max-width: 780px;
    color: #aebed0;
    font-size: .9rem;
}

.hero-count[b-75zvzko5ce] {
    min-width: 180px;
    text-align: center;
    padding: .75rem 1rem;
    border-radius: 12px;
    background: rgba(20, 77, 111, .25);
}

.hero-count strong[b-75zvzko5ce] {
    display: block;
    font-size: 2rem;
    color: #7ee787;
}

.hero-count span[b-75zvzko5ce],
.hero-count small[b-75zvzko5ce] {
    display: block;
    color: #b7c8da;
}

.selector-toolbar[b-75zvzko5ce] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(240px, .8fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.league-picker span[b-75zvzko5ce] {
    display: block;
    margin-bottom: .35rem;
    color: #9fb3c8;
    font-size: .78rem;
    font-weight: 700;
}

.league-picker select[b-75zvzko5ce] {
    width: 100%;
    height: 40px;
    border: 1px solid #34526d;
    border-radius: 8px;
    background: #071625;
    color: #eaf2ff;
    padding: 0 .75rem;
}

.league-info[b-75zvzko5ce] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-height: 40px;
    justify-content: center;
}

.league-info small[b-75zvzko5ce],
.league-info span[b-75zvzko5ce] { color: #9fb3c8; font-size: .8rem; }

.save-btn[b-75zvzko5ce] {
    height: 40px;
    border: 0;
    border-radius: 8px;
    padding: 0 1.05rem;
    background: #1678c8;
    color: white;
    font-weight: 800;
    cursor: pointer;
}

.save-btn:disabled[b-75zvzko5ce] { opacity: .5; cursor: default; }

.alert[b-75zvzko5ce] {
    padding: .7rem 1rem;
    border-radius: 9px;
    margin-bottom: .8rem;
    font-size: .86rem;
}
.alert.success[b-75zvzko5ce] { background: rgba(38, 166, 91, .15); border: 1px solid rgba(72, 199, 116, .45); color: #9df0b7; }
.alert.error[b-75zvzko5ce] { background: rgba(198, 58, 58, .15); border: 1px solid rgba(235, 87, 87, .45); color: #ffb1b1; }

.fixed-results[b-75zvzko5ce] {
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-color: rgba(126, 231, 135, .35);
}

.fixed-results > div[b-75zvzko5ce],
.family-title[b-75zvzko5ce] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.fixed-results strong[b-75zvzko5ce],
.fixed-results small[b-75zvzko5ce],
.family-title h2[b-75zvzko5ce],
.family-title small[b-75zvzko5ce] { display: block; }
.fixed-results small[b-75zvzko5ce],
.family-title small[b-75zvzko5ce] { color: #91a6bb; }
.family-title h2[b-75zvzko5ce] { margin: 0; font-size: 1rem; }
.family-icon[b-75zvzko5ce] { font-size: 1.25rem; }
.fixed-pill[b-75zvzko5ce] { background: rgba(126,231,135,.12); color: #7ee787; padding: .3rem .65rem; border-radius: 999px; font-weight: 800; font-size: .78rem; }

.family-card[b-75zvzko5ce] {
    overflow: hidden;
    margin-bottom: 1rem;
}

.family-card header[b-75zvzko5ce] {
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(112,149,190,.2);
}

.family-actions[b-75zvzko5ce] { display: flex; gap: .45rem; }
.family-actions button[b-75zvzko5ce] {
    border: 1px solid #35536d;
    background: #0a2034;
    color: #cde0f2;
    border-radius: 7px;
    padding: .35rem .65rem;
    font-size: .75rem;
    cursor: pointer;
}

.market-grid[b-75zvzko5ce] { display: grid; }
.market-row[b-75zvzko5ce] {
    display: grid;
    grid-template-columns: 28px 62px minmax(260px, 1fr) 82px 82px 82px;
    gap: .65rem;
    align-items: center;
    min-height: 48px;
    padding: .4rem 1rem;
    border-bottom: 1px solid rgba(112,149,190,.1);
    transition: background .15s ease;
}
.market-row:last-child[b-75zvzko5ce] { border-bottom: 0; }
.market-row.enabled[b-75zvzko5ce] { background: rgba(36, 108, 153, .08); }
.market-row.disabled[b-75zvzko5ce] { opacity: .58; }
.market-row:hover[b-75zvzko5ce] { background: rgba(52, 127, 174, .12); }
.market-row input[b-75zvzko5ce] { width: 17px; height: 17px; accent-color: #25a8e8; }
.market-code[b-75zvzko5ce] { font-weight: 900; color: #69c7ff; font-size: .8rem; }
.market-name[b-75zvzko5ce] { font-size: .84rem; }
.market-stat[b-75zvzko5ce] { text-align: right; }
.market-stat strong[b-75zvzko5ce] { display: block; font-size: .78rem; }
.market-stat small[b-75zvzko5ce] { display: block; font-size: .65rem; color: #7f94aa; }

.selector-footer[b-75zvzko5ce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .9rem 1rem;
}
.selector-footer div[b-75zvzko5ce] { display: flex; flex-direction: column; }
.selector-footer span[b-75zvzko5ce] { color: #91a6bb; font-size: .78rem; }
.loading-card[b-75zvzko5ce] { padding: 1.2rem; color: #9fb3c8; }

@media (max-width: 980px) {
    .selector-toolbar[b-75zvzko5ce] { grid-template-columns: 1fr; }
    .selector-hero[b-75zvzko5ce] { align-items: flex-start; flex-direction: column; }
    .hero-count[b-75zvzko5ce] { width: 100%; }
    .market-row[b-75zvzko5ce] { grid-template-columns: 26px 58px minmax(200px,1fr); }
    .market-stat[b-75zvzko5ce] { display: none; }
}

.inherit-card[b-75zvzko5ce] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 0 0 14px 0;
    padding: 12px 14px;
    border: 1px solid rgba(74, 222, 128, .28);
    background: rgba(22, 101, 52, .12);
    border-radius: 12px;
}
.inherit-card strong[b-75zvzko5ce] { white-space: nowrap; color: #86efac; }
.inherit-card span[b-75zvzko5ce] { color: #cbd5e1; }
/* /Components/Pages/SemaforoJornadaV3.razor.rz.scp.css */
/*
    Estilos aislados del módulo Semáforo de Jornada V3.
    Este archivo NO modifica el CSS global del sistema.
*/

.semaforo-panel[b-xgno9fj4w1] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.semaforo-panel-title[b-xgno9fj4w1] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 0.8rem;
}

.resumen-operativo[b-xgno9fj4w1] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #e5e7eb;
    border-left-width: 8px;
    border-radius: 14px;
    padding: 1rem;
}

.resumen-operativo-contenido[b-xgno9fj4w1] {
    flex: 1;
}

.resumen-operativo h2[b-xgno9fj4w1] {
    margin: 0.15rem 0 0.45rem;
    font-size: 1.45rem;
    font-weight: 850;
}

.resumen-operativo p[b-xgno9fj4w1] {
    margin-bottom: 0.8rem;
}

.resumen-etiqueta[b-xgno9fj4w1] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.resumen-color[b-xgno9fj4w1] {
    min-width: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    padding: 0.8rem;
}

.resumen-color span[b-xgno9fj4w1] {
    color: #0f172a;
    font-size: 1.65rem;
    font-weight: 900;
}

.resumen-color small[b-xgno9fj4w1] {
    color: #64748b;
}

.estado-verde[b-xgno9fj4w1] {
    background: #f0fdf4;
    border-left-color: #16a34a;
}

.estado-amarillo[b-xgno9fj4w1] {
    background: #fffbeb;
    border-left-color: #d97706;
}

.estado-azul[b-xgno9fj4w1] {
    background: #eff6ff;
    border-left-color: #2563eb;
}

.estado-gris[b-xgno9fj4w1] {
    background: #f8fafc;
    border-left-color: #64748b;
}

.estado-rojo[b-xgno9fj4w1] {
    background: #fef2f2;
    border-left-color: #dc2626;
}

.tarjetas-estados[b-xgno9fj4w1] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.tarjeta-estado[b-xgno9fj4w1] {
    display: flex;
    flex-direction: column;
    min-height: 112px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-left-width: 6px;
    border-radius: 12px;
    padding: 0.8rem;
}

.tarjeta-estado span[b-xgno9fj4w1] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.tarjeta-estado strong[b-xgno9fj4w1] {
    color: #0f172a;
    font-size: 1.8rem;
    line-height: 1.15;
}

.tarjeta-estado small[b-xgno9fj4w1] {
    color: #64748b;
    margin-top: auto;
}

.tarjeta-estado.verde[b-xgno9fj4w1] {
    border-left-color: #16a34a;
}

.tarjeta-estado.amarillo[b-xgno9fj4w1] {
    border-left-color: #d97706;
}

.tarjeta-estado.azul[b-xgno9fj4w1] {
    border-left-color: #2563eb;
}

.tarjeta-estado.gris[b-xgno9fj4w1] {
    border-left-color: #64748b;
}

.tarjeta-estado.rojo[b-xgno9fj4w1] {
    border-left-color: #dc2626;
}

.alerta-orden[b-xgno9fj4w1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    background: #ecfeff;
    border: 1px solid #67e8f9;
    border-left: 7px solid #0891b2;
    border-radius: 12px;
    padding: 0.9rem 1rem;
}

.alerta-orden p[b-xgno9fj4w1] {
    margin: 0.25rem 0 0;
    color: #164e63;
}

.leyenda-estados[b-xgno9fj4w1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.84rem;
}

.leyenda[b-xgno9fj4w1] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 0.25rem;
    border-radius: 50%;
}

.leyenda.verde[b-xgno9fj4w1] {
    background: #16a34a;
}

.leyenda.amarillo[b-xgno9fj4w1] {
    background: #d97706;
}

.leyenda.azul[b-xgno9fj4w1] {
    background: #2563eb;
}

.leyenda.gris[b-xgno9fj4w1] {
    background: #64748b;
}

.leyenda.rojo[b-xgno9fj4w1] {
    background: #dc2626;
}

.filtro-estado[b-xgno9fj4w1] {
    width: 220px;
}

.tabla-semaforo[b-xgno9fj4w1] {
    min-width: 1180px;
    margin-bottom: 0;
}

.tabla-semaforo thead th[b-xgno9fj4w1] {
    background: #f8fafc;
    color: #334155;
    border-bottom: 1px solid #cbd5e1;
    font-size: 0.76rem;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tabla-semaforo tbody tr[b-xgno9fj4w1] {
    border-left: 5px solid transparent;
}

.fila-verde[b-xgno9fj4w1] {
    background: #f0fdf4;
    border-left-color: #16a34a !important;
}

.fila-amarillo[b-xgno9fj4w1] {
    background: #fffbeb;
    border-left-color: #d97706 !important;
}

.fila-azul[b-xgno9fj4w1] {
    background: #eff6ff;
    border-left-color: #2563eb !important;
}

.fila-gris[b-xgno9fj4w1] {
    background: #f8fafc;
    border-left-color: #64748b !important;
}

.fila-rojo[b-xgno9fj4w1] {
    background: #fef2f2;
    border-left-color: #dc2626 !important;
}

.jornada-numero[b-xgno9fj4w1] {
    color: #0f172a;
    font-weight: 850;
    white-space: nowrap;
}

.estado-badge[b-xgno9fj4w1] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 850;
}

.estado-badge.verde[b-xgno9fj4w1] {
    color: #166534;
    background: #bbf7d0;
}

.estado-badge.amarillo[b-xgno9fj4w1] {
    color: #92400e;
    background: #fde68a;
}

.estado-badge.azul[b-xgno9fj4w1] {
    color: #1d4ed8;
    background: #bfdbfe;
}

.estado-badge.gris[b-xgno9fj4w1] {
    color: #475569;
    background: #e2e8f0;
}

.estado-badge.rojo[b-xgno9fj4w1] {
    color: #991b1b;
    background: #fecaca;
}

.barra-progreso[b-xgno9fj4w1] {
    width: 100px;
    height: 7px;
    margin-top: 0.3rem;
    overflow: hidden;
    background: #e2e8f0;
    border-radius: 999px;
}

.barra-progreso span[b-xgno9fj4w1] {
    display: block;
    height: 100%;
    background: #2563eb;
}

.accion-columna[b-xgno9fj4w1] {
    min-width: 260px;
}

.sin-datos[b-xgno9fj4w1],
.sin-seleccion[b-xgno9fj4w1] {
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    padding: 1rem;
}

@media (max-width: 1100px) {
    .tarjetas-estados[b-xgno9fj4w1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .resumen-operativo[b-xgno9fj4w1],
    .alerta-orden[b-xgno9fj4w1] {
        flex-direction: column;
        align-items: stretch;
    }

    .resumen-color[b-xgno9fj4w1],
    .filtro-estado[b-xgno9fj4w1] {
        width: 100%;
        min-width: 0;
    }

    .tarjetas-estados[b-xgno9fj4w1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/XgCalidadOcasionesV3.razor.rz.scp.css */
.xg-page[b-oehvmma4qr]{--bg:#061321;--panel:#0a1e31;--border:rgba(108,171,214,.18);--text:#edf8ff;--muted:#8da7b9;--blue:#3f91ff;--green:#38da83;--cyan:#24c8db;--gold:#f4be45;--purple:#a675ff;--red:#ff6575;min-height:100vh;margin:-1.5rem;padding:1.35rem;color:var(--text);background:radial-gradient(circle at 86% 0%,rgba(36,200,219,.14),transparent 30%),linear-gradient(145deg,#04101b,#071a2a 58%,#061321);font-family:Inter,"Segoe UI",sans-serif}.xg-header[b-oehvmma4qr]{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.xg-logo[b-oehvmma4qr]{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(36,200,219,.45);border-radius:18px;color:#9ef2fb;background:rgba(36,200,219,.08);font-size:1.05rem;font-weight:900}.xg-header h1[b-oehvmma4qr]{margin:0;font-size:clamp(1.55rem,2.6vw,2.25rem)}.xg-header p[b-oehvmma4qr]{margin:.2rem 0 0;color:var(--muted)}.xg-warning[b-oehvmma4qr]{margin-bottom:.85rem;padding:.72rem .9rem;color:#ffe4a8;border:1px solid rgba(244,190,69,.28);border-radius:12px;background:rgba(244,190,69,.065);font-size:.68rem;line-height:1.45}.xg-alert[b-oehvmma4qr]{margin-bottom:.8rem;padding:.75rem 1rem;border:1px solid;border-radius:12px}.xg-alert.ok[b-oehvmma4qr]{color:#c8f7dc;border-color:rgba(56,218,131,.35);background:rgba(56,218,131,.08)}.xg-alert.error[b-oehvmma4qr]{color:#ffd4da;border-color:rgba(255,101,117,.4);background:rgba(255,101,117,.08)}.xg-filters[b-oehvmma4qr]{display:grid;grid-template-columns:.8fr .95fr 1.2fr .9fr .9fr auto;gap:.68rem;padding:.84rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:15px;background:rgba(8,27,44,.9)}.xg-filters label[b-oehvmma4qr]{display:grid;gap:.3rem;min-width:0}.xg-filters span[b-oehvmma4qr]{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.055em}.xg-filters select[b-oehvmma4qr]{width:100%;min-height:41px;padding:.52rem .6rem;color:var(--text);border:1px solid rgba(116,170,210,.23);border-radius:9px;background:#081827;outline:none}.xg-filters select:focus[b-oehvmma4qr]{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,200,219,.09)}.xg-run[b-oehvmma4qr]{align-self:end;min-height:41px;padding:.56rem .9rem;color:#05191c;border:0;border-radius:9px;background:linear-gradient(135deg,#82edf7,#24c8db);font-weight:850;cursor:pointer;white-space:nowrap}.xg-run:disabled[b-oehvmma4qr]{opacity:.5;cursor:not-allowed}.xg-context[b-oehvmma4qr]{display:flex;align-items:center;gap:2rem;padding:.7rem 1rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:12px;background:rgba(9,29,47,.8)}.xg-context>div:not(.xg-context-note)[b-oehvmma4qr]{display:grid;gap:.05rem}.xg-context span[b-oehvmma4qr]{color:var(--muted);font-size:.64rem;text-transform:uppercase}.xg-context-note[b-oehvmma4qr]{margin-left:auto;padding:.4rem .7rem;color:#bff4fa;border:1px solid rgba(36,200,219,.25);border-radius:999px;background:rgba(36,200,219,.06);font-size:.63rem}.xg-kpis[b-oehvmma4qr]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.xg-kpi[b-oehvmma4qr]{position:relative;overflow:hidden;min-height:113px;padding:.82rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(14,40,62,.94),rgba(7,24,39,.96))}.xg-kpi[b-oehvmma4qr]:after{position:absolute;inset:auto -15% -70% 20%;height:110px;content:"";border-radius:50%;filter:blur(28px);opacity:.2}.xg-kpi.blue[b-oehvmma4qr]:after{background:var(--blue)}.xg-kpi.cyan[b-oehvmma4qr]:after{background:var(--cyan)}.xg-kpi.purple[b-oehvmma4qr]:after{background:var(--purple)}.xg-kpi.gold[b-oehvmma4qr]:after{background:var(--gold)}.xg-kpi.green[b-oehvmma4qr]:after{background:var(--green)}.xg-kpi.red[b-oehvmma4qr]:after{background:var(--red)}.xg-kpi span[b-oehvmma4qr],.xg-kpi strong[b-oehvmma4qr],.xg-kpi small[b-oehvmma4qr]{display:block}.xg-kpi span[b-oehvmma4qr]{color:var(--muted);font-size:.63rem;text-transform:uppercase}.xg-kpi strong[b-oehvmma4qr]{margin-top:.3rem;font-size:1.5rem}.xg-kpi small[b-oehvmma4qr]{margin-top:.4rem;color:#a5bece;font-size:.61rem}.xg-grid[b-oehvmma4qr]{display:grid;grid-template-columns:1fr 1fr .8fr;gap:.85rem;margin-bottom:.85rem}.xg-panel[b-oehvmma4qr]{overflow:hidden;padding:.92rem;border:1px solid var(--border);border-radius:15px;background:linear-gradient(150deg,rgba(10,31,50,.96),rgba(7,22,37,.97));box-shadow:0 18px 40px rgba(0,0,0,.14)}.panel-title[b-oehvmma4qr]{margin-bottom:.8rem}.panel-title span[b-oehvmma4qr]{color:var(--cyan);font-size:.59rem;font-weight:850;letter-spacing:.12em}.panel-title h2[b-oehvmma4qr]{margin:.08rem 0 0;font-size:1rem}.panel-title p[b-oehvmma4qr]{margin:.22rem 0 0;color:var(--muted);font-size:.66rem}.rank-list[b-oehvmma4qr]{display:grid;gap:.45rem}.rank-row[b-oehvmma4qr]{display:grid;grid-template-columns:28px minmax(90px,1fr) minmax(70px,1fr) 35px;align-items:center;gap:.48rem;padding:.42rem;border:1px solid rgba(116,170,210,.1);border-radius:9px;background:rgba(5,19,32,.48);font-size:.66rem}.rank-row b[b-oehvmma4qr]{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#071827;background:#f4be45}.rank-row.rank-2 b[b-oehvmma4qr],.rank-row.rank-3 b[b-oehvmma4qr]{color:#dceeff;background:#2f75b9}.rank-row.rank-4 b[b-oehvmma4qr],.rank-row.rank-5 b[b-oehvmma4qr]{color:#eadfff;background:#6e4ca5}.rank-row>div[b-oehvmma4qr]{height:7px;border-radius:999px;background:rgba(116,170,210,.13)}.rank-row i[b-oehvmma4qr]{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24c8db,#3f91ff)}.rank-row strong[b-oehvmma4qr]{text-align:right}.production-list[b-oehvmma4qr]{display:grid;gap:.4rem}.production-list>div[b-oehvmma4qr]{display:grid;grid-template-columns:1fr auto;gap:.2rem;padding:.48rem;border-bottom:1px solid rgba(116,170,210,.08);font-size:.66rem}.production-list small[b-oehvmma4qr]{grid-column:1/-1;color:var(--muted);font-size:.57rem}.positive[b-oehvmma4qr]{color:#63e79b!important}.negative[b-oehvmma4qr]{color:#ff8290!important}.table-panel[b-oehvmma4qr]{margin-bottom:.85rem}.table-scroll[b-oehvmma4qr]{max-height:650px;overflow:auto}.table-panel table[b-oehvmma4qr]{min-width:1250px;width:100%;border-collapse:collapse;font-size:.68rem}.table-panel th[b-oehvmma4qr]{position:sticky;top:0;padding:.55rem .48rem;color:#87a4b8;text-align:left;text-transform:uppercase;background:#0a2135;border-bottom:1px solid rgba(116,170,210,.18);font-size:.56rem}.table-panel td[b-oehvmma4qr]{padding:.52rem .48rem;border-bottom:1px solid rgba(116,170,210,.08);white-space:nowrap}.index-pill[b-oehvmma4qr]{display:inline-grid;place-items:center;min-width:35px;padding:.25rem .4rem;border-radius:7px;font-weight:850}.index-pill.attack[b-oehvmma4qr]{color:#bff4fa;background:rgba(36,200,219,.1)}.index-pill.defense[b-oehvmma4qr]{color:#c7dfff;background:rgba(63,145,255,.1)}.panel-empty[b-oehvmma4qr]{display:grid;place-items:center;min-height:190px;color:var(--muted);text-align:center}.xg-empty[b-oehvmma4qr]{display:grid;place-items:center;min-height:470px;padding:2rem;text-align:center;border:1px dashed rgba(102,170,216,.28);border-radius:18px;background:rgba(7,24,39,.72)}.xg-empty-icon[b-oehvmma4qr]{color:var(--cyan);font-size:3.4rem}.xg-empty p[b-oehvmma4qr]{max-width:650px;color:var(--muted)}.xg-loader[b-oehvmma4qr]{width:52px;height:52px;border:5px solid rgba(36,200,219,.18);border-top-color:var(--cyan);border-radius:50%;animation:xg-spin-b-oehvmma4qr 1s linear infinite}@keyframes xg-spin-b-oehvmma4qr{to{transform:rotate(360deg)}}@media(max-width:1350px){.xg-kpis[b-oehvmma4qr]{grid-template-columns:repeat(3,1fr)}.xg-grid[b-oehvmma4qr]{grid-template-columns:1fr 1fr}.production-panel[b-oehvmma4qr]{grid-column:1/-1}}@media(max-width:950px){.xg-filters[b-oehvmma4qr]{grid-template-columns:repeat(2,1fr)}.xg-grid[b-oehvmma4qr]{grid-template-columns:1fr}.production-panel[b-oehvmma4qr]{grid-column:auto}}@media(max-width:650px){.xg-page[b-oehvmma4qr]{margin:-.75rem;padding:.75rem}.xg-filters[b-oehvmma4qr]{grid-template-columns:1fr}.xg-kpis[b-oehvmma4qr]{grid-template-columns:repeat(2,1fr)}.xg-context[b-oehvmma4qr]{align-items:flex-start;flex-direction:column;gap:.5rem}.xg-context-note[b-oehvmma4qr]{margin-left:0}}
/* /Components/Shared/DashboardH2HCuotasV3.razor.rz.scp.css */
.h2h-odds-panel[b-saspedaxx6] {
    --odds-green: #35da78;
    --odds-blue: #2d8cff;
    --odds-yellow: #f4bc3d;
    --odds-red: #ff5c6c;
    --odds-muted: #89a6b9;
    margin: .85rem 0;
    padding: 1rem;
    color: #ecf8ff;
    border: 1px solid rgba(105, 171, 220, .18);
    border-radius: 15px;
    background: linear-gradient(150deg, rgba(10, 31, 50, .97), rgba(7, 22, 37, .98));
    box-shadow: 0 18px 40px rgba(0, 0, 0, .14);
}

.h2h-odds-heading[b-saspedaxx6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.h2h-odds-kicker[b-saspedaxx6] {
    color: var(--odds-green);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.h2h-odds-heading h2[b-saspedaxx6] {
    margin: .12rem 0 0;
    font-size: 1.08rem;
    font-weight: 650;
}

.h2h-odds-heading p[b-saspedaxx6] {
    margin: .28rem 0 0;
    color: var(--odds-muted);
    font-size: .73rem;
}

.h2h-odds-updated[b-saspedaxx6] {
    flex: 0 0 auto;
    padding: .35rem .58rem;
    color: #b8d5e6;
    border: 1px solid rgba(105, 171, 220, .2);
    border-radius: 999px;
    background: rgba(45, 140, 255, .06);
    font-size: .65rem;
}

.h2h-odds-state[b-saspedaxx6],
.h2h-odds-empty[b-saspedaxx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .45rem;
    min-height: 145px;
    color: var(--odds-muted);
    text-align: center;
    border: 1px dashed rgba(105, 171, 220, .22);
    border-radius: 12px;
    background: rgba(4, 18, 31, .36);
}

.h2h-odds-empty strong[b-saspedaxx6] { color: #dbeef8; }

.h2h-odds-spinner[b-saspedaxx6] {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(45, 140, 255, .18);
    border-top-color: var(--odds-blue);
    border-radius: 50%;
    animation: h2h-odds-spin-b-saspedaxx6 .8s linear infinite;
}

@keyframes h2h-odds-spin-b-saspedaxx6 { to { transform: rotate(360deg); } }

.h2h-odds-alert[b-saspedaxx6] {
    padding: .75rem .9rem;
    border: 1px solid;
    border-radius: 11px;
    font-size: .75rem;
}

.h2h-odds-alert.error[b-saspedaxx6] {
    color: #ffd8dc;
    border-color: rgba(255, 92, 108, .35);
    background: rgba(255, 92, 108, .08);
}

.h2h-odds-alert.info[b-saspedaxx6] {
    color: #c9e7f7;
    border-color: rgba(45, 140, 255, .3);
    background: rgba(45, 140, 255, .08);
}

.h2h-odds-summary[b-saspedaxx6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .8rem;
}

.h2h-odds-summary > div[b-saspedaxx6] {
    padding: .68rem .78rem;
    border: 1px solid rgba(105, 171, 220, .15);
    border-radius: 10px;
    background: rgba(8, 27, 44, .72);
}

.h2h-odds-summary span[b-saspedaxx6] {
    display: block;
    color: var(--odds-muted);
    font-size: .62rem;
    text-transform: uppercase;
}

.h2h-odds-summary strong[b-saspedaxx6] {
    display: block;
    margin-top: .2rem;
    color: #effaff;
    font-size: 1.02rem;
}

.h2h-odds-table-wrap[b-saspedaxx6] {
    overflow-x: auto;
    border: 1px solid rgba(105, 171, 220, .13);
    border-radius: 11px;
}

.h2h-odds-table[b-saspedaxx6] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.h2h-odds-table.compact[b-saspedaxx6] { min-width: 760px; }

.h2h-odds-table th[b-saspedaxx6],
.h2h-odds-table td[b-saspedaxx6] {
    padding: .65rem .58rem;
    border-bottom: 1px solid rgba(105, 171, 220, .11);
    text-align: left;
    vertical-align: middle;
    font-size: .72rem;
}

.h2h-odds-table th[b-saspedaxx6] {
    color: #84a8bd;
    background: rgba(4, 18, 31, .58);
    font-size: .61rem;
    font-weight: 600;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.h2h-odds-table tbody tr:hover[b-saspedaxx6] { background: rgba(45, 140, 255, .045); }
.h2h-odds-table tbody tr:last-child td[b-saspedaxx6] { border-bottom: 0; }
.h2h-odds-table td strong[b-saspedaxx6] { font-weight: 620; }
.h2h-odds-table td small[b-saspedaxx6] {
    display: block;
    margin-top: .14rem;
    color: #6f8da1;
    font-size: .59rem;
}

.h2h-odds-price[b-saspedaxx6] {
    color: #c8f9da;
    font-size: .87rem;
}

.h2h-odds-muted[b-saspedaxx6] { color: #6f8da1; }

.h2h-odds-diff[b-saspedaxx6],
.h2h-odds-move[b-saspedaxx6] {
    display: inline-flex;
    padding: .2rem .4rem;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 700;
}

.h2h-odds-diff.positive[b-saspedaxx6] {
    color: #bff8d3;
    background: rgba(53, 218, 120, .12);
}

.h2h-odds-diff.slight[b-saspedaxx6] {
    color: #ffe5a0;
    background: rgba(244, 188, 61, .12);
}

.h2h-odds-diff.negative[b-saspedaxx6] {
    color: #ffc4ca;
    background: rgba(255, 92, 108, .11);
}

.h2h-odds-diff.neutral[b-saspedaxx6],
.h2h-odds-move.neutral[b-saspedaxx6] {
    color: #abc1ce;
    background: rgba(137, 166, 185, .1);
}

.h2h-odds-move.up[b-saspedaxx6] {
    color: #bff8d3;
    background: rgba(53, 218, 120, .1);
}

.h2h-odds-move.down[b-saspedaxx6] {
    color: #ffc4ca;
    background: rgba(255, 92, 108, .1);
}

.h2h-odds-badge[b-saspedaxx6] {
    display: inline-flex;
    padding: .22rem .45rem;
    border: 1px solid;
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 700;
}

.h2h-odds-badge.real[b-saspedaxx6] {
    color: #bff8d3;
    border-color: rgba(53, 218, 120, .28);
    background: rgba(53, 218, 120, .08);
}

.h2h-odds-badge.calculated[b-saspedaxx6] {
    color: #d6c1ff;
    border-color: rgba(170, 99, 255, .3);
    background: rgba(170, 99, 255, .09);
}

.h2h-odds-details[b-saspedaxx6] {
    margin-top: .75rem;
    border: 1px solid rgba(105, 171, 220, .14);
    border-radius: 11px;
    background: rgba(5, 20, 34, .45);
}

.h2h-odds-details summary[b-saspedaxx6] {
    padding: .68rem .8rem;
    color: #b9d9e9;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 600;
}

.h2h-odds-details .all-houses[b-saspedaxx6] {
    margin: 0 .7rem .7rem;
    max-height: 360px;
    overflow: auto;
}

.h2h-odds-disclaimer[b-saspedaxx6] {
    margin-top: .75rem;
    padding: .65rem .75rem;
    color: #8eabbc;
    border-left: 3px solid rgba(21, 191, 232, .55);
    border-radius: 0 8px 8px 0;
    background: rgba(21, 191, 232, .055);
    font-size: .67rem;
    line-height: 1.5;
}

.h2h-odds-disclaimer strong[b-saspedaxx6] { color: #cceaf8; }

@media (max-width: 900px) {
    .h2h-odds-heading[b-saspedaxx6] { flex-direction: column; }
    .h2h-odds-summary[b-saspedaxx6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .h2h-odds-summary[b-saspedaxx6] { grid-template-columns: 1fr; }
}
/* /Components/Shared/EquipoLogoLocal.razor.rz.scp.css */
.equipo-logo-local[b-xeyx92kgwg] {
    display: inline-block;
    object-fit: contain;
    background: rgba(255,255,255,.96);
}

.team-avatar.team-logo-image[b-xeyx92kgwg] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    padding: 7px;
    border: 1px solid rgba(53,218,120,.4);
    border-radius: 50%;
    box-shadow: 0 7px 20px rgba(0,0,0,.22);
}

.team-avatar.team-logo-img[b-xeyx92kgwg] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 3px;
    border: 1px solid rgba(45,140,255,.25);
    border-radius: 50%;
}

.upcoming-team-logo[b-xeyx92kgwg],
.ranking-team-logo[b-xeyx92kgwg],
.pronostico-logo[b-xeyx92kgwg],
.pm-team-logo[b-xeyx92kgwg],
.agenda-equipo-logo[b-xeyx92kgwg],
.vista-cliente-logo[b-xeyx92kgwg] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    padding: 3px;
    border: 1px solid rgba(13,110,253,.18);
    border-radius: 8px;
}

.ranking-team-logo[b-xeyx92kgwg],
.upcoming-team-logo[b-xeyx92kgwg],
.pronostico-logo[b-xeyx92kgwg] {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
}

.preview-equipo-logo[b-xeyx92kgwg] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 3px;
    border: 1px solid #dfe5eb;
    border-radius: 9px;
}

.team-logo.team-logo-real[b-xeyx92kgwg] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    padding: 4px;
    border: 2px solid rgba(255,255,255,.78);
    border-radius: 50%;
    box-shadow: 0 12px 28px rgba(0,0,0,.25);
}


/* Tamaños genéricos para módulos administrativos y tablas. */
.equipo-logo-xs[b-xeyx92kgwg] {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    padding: 2px;
    border: 1px solid rgba(13,110,253,.18);
    border-radius: 6px;
}

.equipo-logo-sm[b-xeyx92kgwg] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 3px;
    border: 1px solid rgba(13,110,253,.18);
    border-radius: 8px;
}

.equipo-logo-md[b-xeyx92kgwg] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 4px;
    border: 1px solid rgba(13,110,253,.2);
    border-radius: 10px;
}
/* /Components/Shared/PublicacionClientePreviewV3.razor.rz.scp.css */
/*
   Estilos aislados de la vista que comparten administrador y cliente.
   No modifica app.css ni el diseño global del sistema.
*/
.publicacion-cliente-preview[b-oiarz3e2fl] {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(28, 45, 65, 0.08);
    overflow: hidden;
    padding: 1.5rem;
}

.preview-encabezado[b-oiarz3e2fl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}

.preview-marca[b-oiarz3e2fl] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.preview-encabezado h2[b-oiarz3e2fl] {
    color: #172b4d;
    font-size: 1.7rem;
    font-weight: 800;
    margin: 0.25rem 0 0.45rem;
}

.preview-mensaje[b-oiarz3e2fl] {
    color: #475569;
    margin: 0 0 0.65rem;
    white-space: pre-line;
}

.preview-contexto[b-oiarz3e2fl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.preview-contexto span[b-oiarz3e2fl] {
    background: #f1f5f9;
    border-radius: 999px;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
}

.preview-estado[b-oiarz3e2fl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
    min-width: 150px;
}

.preview-estado > span[b-oiarz3e2fl] {
    background: #198754;
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.5rem 0.8rem;
    white-space: nowrap;
}

.preview-estado small[b-oiarz3e2fl] {
    color: #64748b;
    font-size: 0.72rem;
    text-align: right;
}

.preview-fecha[b-oiarz3e2fl] {
    color: #22324a;
    font-size: 1.05rem;
    font-weight: 800;
    margin: 1.25rem 0 0.75rem;
    text-transform: capitalize;
}

.preview-partido[b-oiarz3e2fl] {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(30, 41, 59, 0.05);
    height: 100%;
    padding: 1rem;
}

.preview-partido-meta[b-oiarz3e2fl] {
    color: #64748b;
    display: flex;
    justify-content: space-between;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.preview-equipos[b-oiarz3e2fl] {
    color: #172b4d;
    font-size: 1rem;
    margin: 0.65rem 0 0.8rem;
}

.preview-equipos span[b-oiarz3e2fl] {
    color: #94a3b8;
    margin: 0 0.35rem;
}

.preview-picks[b-oiarz3e2fl] {
    display: grid;
    gap: 0.55rem;
}

.preview-pick[b-oiarz3e2fl] {
    align-items: center;
    background: #f8fafc;
    border-radius: 9px;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.65rem 0.75rem;
}

.preview-pick div[b-oiarz3e2fl] {
    display: flex;
    flex-direction: column;
}

.preview-pick small[b-oiarz3e2fl] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.preview-pick strong[b-oiarz3e2fl] {
    color: #0d6efd;
    font-size: 0.95rem;
}

.preview-cuota[b-oiarz3e2fl] {
    background: #e7f1ff;
    border-radius: 999px;
    color: #084298;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.35rem 0.55rem;
}

.preview-vacio[b-oiarz3e2fl] {
    background: #f8f9fa;
    border-radius: 10px;
    color: #6c757d;
    padding: 2rem;
    text-align: center;
}

.preview-pie[b-oiarz3e2fl] {
    border-top: 1px solid #e9ecef;
    color: #64748b;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.9rem;
}

@media (max-width: 768px) {
    .preview-encabezado[b-oiarz3e2fl] {
        flex-direction: column;
    }

    .preview-estado[b-oiarz3e2fl] {
        align-items: flex-start;
    }

    .preview-pie[b-oiarz3e2fl] {
        flex-direction: column;
    }
}

@media print {
    .publicacion-cliente-preview[b-oiarz3e2fl] {
        border: 0;
        box-shadow: none;
        padding: 0;
    }

    .preview-partido[b-oiarz3e2fl] {
        break-inside: avoid;
        box-shadow: none;
    }
}

.preview-equipos-logos[b-oiarz3e2fl] { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); align-items:center; gap:.5rem; }
.preview-equipo[b-oiarz3e2fl] { display:flex; align-items:center; gap:.45rem; min-width:0; }
.preview-equipo-local[b-oiarz3e2fl] { justify-content:flex-end; text-align:right; }
.preview-equipo-logo[b-oiarz3e2fl] { width:38px; height:38px; flex:0 0 38px; object-fit:contain; padding:3px; border:1px solid #dfe5eb; border-radius:9px; background:#fff; }
@media (max-width: 520px) { .preview-equipos-logos[b-oiarz3e2fl] { grid-template-columns:1fr; } .preview-equipo-local[b-oiarz3e2fl] { justify-content:flex-start; text-align:left; flex-direction:row-reverse; } .preview-equipos-logos > span[b-oiarz3e2fl] { display:none; } }
