/* DGX OS Runtime / Reasoning Board */
.dgx-reasoning-board {
    display: grid !important;
    gap: 12px !important;
}

.dgx-reasoning-card {
    padding: 14px !important;
    border-radius: 14px !important;
    background: rgba(6,12,24,.72) !important;
    border: 1px solid rgba(125,211,252,.15) !important;
    animation: fadeReason .25s ease !important;
}

.dgx-reasoning-card strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: #7dd3fc !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.dgx-reasoning-card p {
    margin: 0 !important;
    color: #cbd5e1 !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
}

@keyframes fadeReason {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

.dgx-runtime-card{

    background:rgba(7,13,28,.72);

    border:1px solid rgba(125,211,252,.18);

    border-radius:14px;

    padding:14px;

    margin-bottom:12px;

}

.dgx-runtime-title{

    font-size:14px;

    font-weight:800;

    color:#7dd3fc;

    margin-bottom:8px;

}

.dgx-runtime-body{

    color:#d6e4ef;

    font-size:13px;

    line-height:1.6;

}


.dgx-runtime-empty {
    color: #94a3b8;
    font-size: 13px;
    padding: 10px 0;
}

.dgx-runtime-card {
    animation: fadeReason .22s ease;
}

.dgx-runtime-event{

display:flex;

gap:14px;

align-items:flex-start;

padding:10px;

border-left:2px solid rgba(56,189,248,.35);

margin-bottom:10px;

animation:fadeReason .25s;

}

.dgx-runtime-icon{

width:34px;

height:34px;

border-radius:999px;

display:grid;

place-items:center;

background:rgba(56,189,248,.12);

font-size:18px;

}


.dgx-runtime-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.dgx-runtime-toolbar button {
    width: auto !important;
    padding: 7px 10px !important;
    border-radius: 9px !important;
    background: rgba(56,189,248,.12) !important;
    border: 1px solid rgba(125,211,252,.25) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}
