/* COROS diagnostic / integration styles */

.coros-diagnostic-tools{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid var(--border);
}

.coros-diagnostic-status{
    margin-top:10px;
    color:var(--muted);
    font-size:.76rem;
}

.coros-diagnostic-status[data-status="success"]{
    color:#86efac;
}

.coros-diagnostic-status[data-status="warning"]{
    color:#fde68a;
}

.coros-diagnostic-status[data-status="error"]{
    color:#fecaca;
}

.coros-diagnostic-results{
    display:grid;
    gap:7px;
    margin-top:10px;
}

.coros-diagnostic-row{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 12px;
    border:1px solid var(--border);
    border-radius:10px;
    background:rgba(255,255,255,.02);
}

.coros-diagnostic-row.pass{
    border-color:rgba(34,197,94,.22);
}

.coros-diagnostic-row.warn{
    border-color:rgba(234,179,8,.24);
}

.coros-diagnostic-row.fail{
    border-color:rgba(239,68,68,.24);
}

.coros-diagnostic-icon{
    width:20px;
    min-width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--surface-light);
    color:var(--text);
    font-weight:800;
    font-size:.72rem;
}

.coros-diagnostic-row strong{
    display:block;
    color:var(--text);
    font-size:.76rem;
}

.coros-diagnostic-row small{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:.68rem;
    line-height:1.4;
}