.segment-detail {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.segment-detail h3 {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(17 24 39);
    margin-bottom: 0.5rem;
}

.segment-detail p {
    font-size: 0.875rem;
    color: rgb(75 85 99);
    margin-top: 0.25rem;
}

.segment-detail p.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.segment-detail .badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
    background-color: rgb(219 234 254);
    color: rgb(30 64 175);
}

.segment-detail .filters-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.segment-detail .filter-item {
    background-color: rgb(249 250 251);
    border-radius: 0.5rem;
    padding: 1rem;
}

.segment-detail .filter-content {
    font-size: 0.875rem;
}

.segment-detail .filter-label {
    font-weight: 500;
    color: rgb(17 24 39);
}

.segment-detail .filter-value {
    color: rgb(75 85 99);
}

@media (prefers-color-scheme: dark) {
    .segment-detail h3 {
        color: rgb(243 244 246);
    }

    .segment-detail p {
        color: rgb(156 163 175);
    }

    .segment-detail .filter-item {
        background-color: rgb(31 41 55);
    }

    .segment-detail .filter-label {
        color: rgb(243 244 246);
    }

    .segment-detail .filter-value {
        color: rgb(156 163 175);
    }

    .segment-detail .badge {
        background-color: rgb(30 58 138);
        color: rgb(147 197 253);
    }
}