.sp-audit-summary-toggle summary {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    list-style: none;
}

.sp-audit-summary-toggle summary::-webkit-details-marker {
    display: none;
}

.sp-audit-summary-toggle summary::marker {
    display: none;
}

.sp-audit-summary-toggle .sp-audit-summary-preview {
    flex: 1;
    min-width: 0;
    word-break: break-word;
}

.sp-audit-summary-toggle .sp-audit-summary-btn {
    margin-left: auto;
    display: inline-block;
    white-space: nowrap;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.4;
    background: #d9534f;
    color: #ffffff;
}

.sp-audit-summary-toggle .sp-audit-summary-open-label {
    display: none;
}

.sp-audit-summary-toggle[open] .sp-audit-summary-preview {
    display: none;
}

.sp-audit-summary-toggle[open] .sp-audit-summary-closed-label {
    display: none;
}

.sp-audit-summary-toggle[open] .sp-audit-summary-open-label {
    display: inline;
}

.sp-audit-summary-content-json {
    margin-top: 6px;
    padding: 8px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #f7f7f9;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.4;
}

.sp-audit-step-type {
    font-weight: 600;
    white-space: nowrap;
}

.sp-audit-step-type-user {
    background: #e8f5e9 !important;
    color: #1b5e20;
}

.sp-audit-step-type-assistant {
    background: #e3f2fd !important;
    color: #0d47a1;
}

.sp-audit-step-type-openai {
    background: #fff3e0 !important;
    color: #e65100;
}

.sp-audit-step-type-tool-call {
    background: #e1f5fe !important;
    color: #01579b;
}

.sp-audit-step-type-tool-product {
    background: #fff8e1 !important;
    color: #795548;
}

.sp-audit-step-type-tool-loop {
    background: #ffebee !important;
    color: #b71c1c;
}

.sp-audit-step-type-audit {
    background: #e0f2f1 !important;
    color: #004d40;
}

.sp-audit-step-type-system {
    background: #eceff1 !important;
    color: #263238;
}

.sp-audit-step-type-default {
    background: #fafafa !important;
    color: #333333;
}

.sp-audit-col-chat-id {
    width: 220px;
}

.sp-audit-col-index {
    width: 70px;
}

.sp-audit-col-history {
    width: 120px;
}

.sp-audit-col-type {
    width: 200px;
}

.sp-audit-col-wide {
    width: 260px;
}

.sp-audit-col-medium {
    width: 180px;
}

.sp-audit-col-small {
    width: 120px;
}

.sp-audit-col-tiny {
    width: 80px;
}

.sp-audit-prewrap {
    white-space: pre-wrap;
    word-break: break-word;
}

.sp-audit-prewrap-spaced {
    white-space: pre-wrap;
    word-break: break-word;
    margin-top: 6px;
}

.sp-audit-label-spaced {
    margin-top: 6px;
}