.table-wrap{
    overflow:auto;
    border-radius:14px;
}

.data-table{
    width:100%;
    border-collapse:collapse;
    min-width:980px;
}

.data-table th{
    text-align:left;
    color:#f8fbff;
    font-size:.82rem;
    border-bottom:1px solid rgba(74,148,197,.44);
    padding:13px 12px;
    white-space:nowrap;
}

.data-table td{
    border-bottom:1px solid rgba(74,148,197,.25);
    padding:16px 12px;
    vertical-align:middle;
}

.data-table tbody tr:hover td{
    background:rgba(55,142,202,.08);
}

.molecule-cell strong{
    display:block;
    font-size:1rem;
}

.molecule-cell small,
.data-table small{
    display:block;
    color:var(--muted);
    margin-top:3px;
    max-width:420px;
}

.treatment-link{
    color:var(--text);
    text-decoration:none;
}

.treatment-link:hover{
    color:var(--cyan);
    text-decoration:underline;
}

.phase-pill{
    display:inline-block;
    border:1px solid rgba(190,220,240,.55);
    border-radius:999px;
    padding:5px 9px;
    font-size:.78rem;
    font-weight:900;
}

.badge{
    display:inline-block;
    border-radius:999px;
    padding:8px 10px;
    font-size:.78rem;
    font-weight:950;
    max-width:240px;
}

.badge.positive{
    background:rgba(35,197,94,.18);
    border:2px solid var(--green);
}

.badge.failure{
    background:rgba(255,91,102,.16);
    border:2px solid var(--red);
}

.badge.uncertain{
    background:rgba(245,197,66,.16);
    border:2px solid var(--yellow);
}

.badge.recruiting{
    background:rgba(37,117,255,.16);
    border:2px solid #2c75ff;
}

.score{
    display:inline-grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#0c3559;
    border:2px solid #32b9e9;
    color:white;
    font-weight:950;
}

.empty{
    text-align:center;
    color:var(--muted);
    padding:30px!important;
}

.detail-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.detail-grid h3{
    margin:0 0 6px;
    color:var(--cyan);
    font-size:.95rem;
}

.detail-grid p{
    margin:0;
}

@media(max-width:900px){
    .detail-grid{
        grid-template-columns:1fr;
    }
}