#kdcc-cdr-tabs{display:flex;align-items:stretch;gap:12px;margin:16px 0;padding:0 16px;background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
#kdcc-cdr-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;background:transparent;padding:14px 12px 12px;color:#606266;cursor:pointer}
#kdcc-cdr-tabs button strong{font-size:15px;font-weight:600}#kdcc-cdr-tabs button small{font-size:12px;color:#909399}
#kdcc-cdr-tabs button:hover strong,#kdcc-cdr-tabs button.is-active strong{color:#2563eb}#kdcc-cdr-tabs button.is-active small{color:#475569}
#kdcc-cdr-tabs button.is-active:after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:3px;border-radius:3px 3px 0 0;background:#2563eb}
#kdcc-cdr-total{align-self:center;margin-left:auto;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;white-space:nowrap}
.kdcc-native-cdr-table{display:none!important}
#kdcc-cdr-diagnostics{margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 18px rgba(15,23,42,.06);overflow:hidden}
.kdcc-diagnostics-title{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e2e8f0;color:#1e293b}
.kdcc-diagnostics-title>div:first-child{display:flex;align-items:baseline;gap:12px}.kdcc-diagnostics-title strong{font-size:16px}.kdcc-diagnostics-title span,.kdcc-legend{font-size:12px;color:#64748b}
.kdcc-legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#2563eb}
.kdcc-diagnostics-scroll{overflow:auto;max-height:620px}
#kdcc-cdr-diagnostics table{min-width:1180px;width:100%;border-collapse:separate;border-spacing:0;font-size:13px;white-space:nowrap}
#kdcc-cdr-diagnostics th,#kdcc-cdr-diagnostics td{padding:10px 11px;border-bottom:1px solid #edf0f4;text-align:left;color:#475569;vertical-align:middle}
#kdcc-cdr-diagnostics th{position:sticky;top:0;background:#f8fafc;color:#334155;font-weight:600;z-index:2}
#kdcc-cdr-diagnostics tbody tr:hover td{background:#f8fbff}#kdcc-cdr-diagnostics .kdcc-empty{padding:44px;text-align:center;color:#94a3b8}
#kdcc-cdr-diagnostics td>small,#kdcc-cdr-diagnostics td>span+small,#kdcc-cdr-diagnostics td>strong+small{display:block;max-width:170px;margin-top:4px;color:#94a3b8;font-size:11px;overflow:hidden;text-overflow:ellipsis}
.kdcc-cell-main,.kdcc-process{display:block;max-width:210px;color:#334155;overflow:hidden;text-overflow:ellipsis}.kdcc-process{max-width:230px}.kdcc-copy-id{border:0;background:transparent;color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:0;cursor:pointer}
.kdcc-copy-id:hover{text-decoration:underline}.kdcc-copy-id.is-copied{color:#16a34a}.kdcc-metric{font-weight:600;color:#334155}.kdcc-metric.is-zero{color:#94a3b8}
#kdcc-cdr-diagnostics audio{width:190px;height:30px}.kdcc-muted{color:#94a3b8}.kdcc-ok{color:#16a34a}.kdcc-error-cell strong{color:#dc2626}.kdcc-error-cell small{max-width:190px!important}.kdcc-result-cell small{max-width:240px!important}
.kdcc-status{display:inline-block;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:600}.kdcc-status-success{color:#15803d;background:#dcfce7}.kdcc-status-fail,.kdcc-status-rejected,.kdcc-status-anomaly{color:#b91c1c;background:#fee2e2}.kdcc-status-no_answer{color:#b45309;background:#fef3c7}.kdcc-status-busy{color:#7c3aed;background:#ede9fe}
.kdcc-detail-button,#kdcc-cdr-diagnostics .kdcc-pager button{border:1px solid #2563eb;border-radius:5px;background:#2563eb;color:#fff;padding:6px 10px;cursor:pointer}.kdcc-detail-button:hover{background:#1d4ed8}
.kdcc-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;color:#64748b;font-size:12px}.kdcc-pager span{margin-right:8px}.kdcc-pager button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#94a3b8;cursor:not-allowed}
#kdcc-diagnostic-dialog{width:min(1120px,94vw);max-height:92vh;margin:auto;border:0;border-radius:14px;padding:0;background:#f8fafc;box-shadow:0 24px 80px rgba(15,23,42,.35);overflow:hidden}
#kdcc-diagnostic-dialog::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.kdcc-dialog-shell{display:flex;flex-direction:column;max-height:92vh}
.kdcc-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff}
.kdcc-dialog-header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px}.kdcc-dialog-header h3{margin:0;font-size:21px}.kdcc-dialog-header h3 b{color:#60a5fa}.kdcc-dialog-header p{grid-column:2;margin:0;color:#bfdbfe;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.kdcc-dialog-close{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:30px;cursor:pointer}.kdcc-dialog-close:hover{background:rgba(255,255,255,.22)}
#kdcc-diagnostic-dialog main{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 18px;overflow:auto}.kdcc-detail-section{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.kdcc-detail-section h4{margin:0 0 13px;padding-bottom:9px;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:14px}.kdcc-wide-section{grid-column:1/-1}.kdcc-error-section{border-color:#fecaca}.kdcc-error-section h4{color:#b91c1c}
.kdcc-definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.kdcc-definition{display:grid;grid-template-columns:145px minmax(0,1fr);border-bottom:1px solid #f1f5f9;min-height:37px}.kdcc-definition dt,.kdcc-definition dd{margin:0;padding:8px 9px;font-size:12px}.kdcc-definition dt{color:#64748b;background:#f8fafc}.kdcc-definition dd{color:#1e293b;overflow-wrap:anywhere}.kdcc-definition dd button{float:right;border:0;background:transparent;color:#2563eb;cursor:pointer;font-size:11px}.kdcc-definition dd button.is-copied{color:#16a34a}
.kdcc-detail-audio{width:100%;height:34px;margin-top:14px}.kdcc-no-recording{margin-top:12px;padding:10px;border-radius:6px;background:#f1f5f9;color:#64748b;text-align:center;font-size:12px}
.kdcc-timeline{display:flex;margin:6px 0 0;padding:0;list-style:none}.kdcc-timeline li{position:relative;flex:1;padding:0 14px 0 24px;min-width:0}.kdcc-timeline li:before{content:"";position:absolute;top:6px;left:7px;width:100%;height:2px;background:#bfdbfe}.kdcc-timeline li:last-child:before{display:none}.kdcc-timeline li>i{position:absolute;top:1px;left:0;width:13px;height:13px;border:3px solid #dbeafe;border-radius:50%;background:#2563eb;z-index:1}.kdcc-timeline li.is-not_answered>i{border-color:#fee2e2;background:#dc2626}.kdcc-timeline strong{display:block;color:#1e293b;font-size:13px}.kdcc-timeline time{display:block;margin-top:2px;color:#2563eb;font-size:11px}.kdcc-timeline p{margin:5px 0 0;color:#64748b;font-size:12px;white-space:normal}
.kdcc-related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px}.kdcc-related-list article{padding:12px;border:1px solid #e2e8f0;border-radius:7px;background:#f8fafc}.kdcc-related-list header{display:flex;align-items:center;gap:7px}.kdcc-related-list header strong{font-size:12px;color:#334155}.kdcc-related-list header em{margin-left:auto;color:#2563eb;font-size:11px;font-style:normal}.kdcc-related-list p{margin:8px 0;color:#64748b;font-size:11px}.kdcc-related-list code{color:#475569;font-size:11px;overflow-wrap:anywhere}
.kdcc-detail-section details+details{margin-top:12px}.kdcc-detail-section details summary{color:#2563eb;font-size:12px;cursor:pointer}.kdcc-raw-fields{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0;max-height:300px;overflow:auto;border:1px solid #e2e8f0}.kdcc-raw-fields .kdcc-definition{grid-template-columns:210px minmax(0,1fr)}
#kdcc-diagnostic-dialog footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #e2e8f0;background:#fff}#kdcc-diagnostic-dialog footer span{color:#94a3b8;font-size:11px}#kdcc-diagnostic-dialog footer button{border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;padding:7px 16px;cursor:pointer}
@media(max-width:900px){#kdcc-cdr-tabs{overflow:auto}#kdcc-cdr-total{display:none}.kdcc-diagnostics-title{align-items:flex-start;gap:8px}.kdcc-legend{display:none}#kdcc-diagnostic-dialog main{grid-template-columns:1fr}.kdcc-wide-section{grid-column:auto}.kdcc-definition-grid,.kdcc-raw-fields{grid-template-columns:1fr}.kdcc-timeline{display:block}.kdcc-timeline li{padding-bottom:20px}.kdcc-timeline li:before{width:2px;height:100%}.kdcc-dialog-header h3{font-size:17px}}
