.renewal-drilldown-trigger {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-left: .55rem;
    border: 1px solid #4d84aa;
    border-radius: 999px;
    background: #102c47;
    color: #dff4ff;
    padding: .3rem .65rem;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.renewal-drilldown-trigger:hover,
.renewal-drilldown-trigger:focus-visible {
    background: #164266;
    border-color: #7dd3fc;
    color: #fff;
    outline: 3px solid rgba(125, 211, 252, .25);
}

#renewalDrilldownModal .modal-content {
    background: #081827;
    border: 1px solid #315b79;
    color: #f8fafc;
    box-shadow: 0 32px 100px rgba(0, 0, 0, .55);
}

#renewalDrilldownModal .modal-header,
#renewalDrilldownModal .modal-footer {
    background: #102b44;
    border-color: #315b79;
}

#renewalDrilldownModal .renewal-breakdown-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

#renewalDrilldownModal .renewal-breakdown-summary > div {
    background: #102b44;
    border: 1px solid #315b79;
    border-radius: 14px;
    padding: .9rem;
}

#renewalDrilldownModal .renewal-breakdown-summary small {
    display: block;
    color: #b8d0e3;
}

#renewalDrilldownModal .renewal-breakdown-summary strong {
    color: #fff;
    font-size: 1.15rem;
}

#renewalDrilldownModal .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(52, 103, 139, .14);
    color: #edf7ff;
}

#renewalDrilldownModal .table > :not(caption) > * > * {
    color: inherit;
    border-color: #294b65;
}

#renewalDrilldownModal .renewal-line-detail {
    color: #b8d0e3;
    font-size: .78rem;
}

@media (max-width: 767px) {
    #renewalDrilldownModal .renewal-breakdown-summary {
        grid-template-columns: 1fr;
    }
    .renewal-drilldown-trigger {
        margin-top: .35rem;
        margin-left: 0;
    }
}