/* VEK System v0.40.0 - Release Candidate Diagnostics */

/* Panel is rendered ONLY when ?vekdiag=1 is present. */
.vek-system-panel{
position:fixed;
right:14px;
bottom:14px;
z-index:100000;
width:min(430px,calc(100vw - 28px));
max-height:min(72vh,720px);
overflow:auto;
border:1px solid #cfd8df;
border-radius:9px;
background:#fff;
box-shadow:0 12px 34px rgba(19,37,51,.20);
color:#26323c;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-size:12px;
line-height:1.35;
}

.vek-system-panel[hidden]{
display:none!important;
}

.vek-system-head{
position:sticky;
top:0;
z-index:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 11px;
border-bottom:1px solid #e2e7eb;
background:#f7f9fa;
}

.vek-system-title{
font-size:12px;
font-weight:800;
}

.vek-system-version{
margin-left:5px;
color:#7b858e;
font-size:10px;
font-weight:650;
}

.vek-system-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
padding:0;
border:0;
border-radius:50%;
background:transparent;
color:#6c7780;
font-size:17px;
cursor:pointer;
}

.vek-system-close:hover{
background:#e9eef1;
color:#174f86;
}

.vek-system-summary{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
padding:9px 11px;
border-bottom:1px solid #edf0f2;
}

.vek-system-pill{
display:inline-flex;
align-items:center;
min-height:24px;
padding:4px 7px;
border-radius:999px;
background:#edf1f4;
color:#5d6871;
font-size:10px;
font-weight:750;
}

.vek-system-pill.ok{
background:#eaf5ed;
color:#2f7046;
}

.vek-system-pill.warn{
background:#fff4dc;
color:#8a6115;
}

.vek-system-pill.error{
background:#fdeaea;
color:#9b3333;
}

.vek-system-list{
padding:6px 0;
}

.vek-system-row{
display:grid;
grid-template-columns:minmax(116px,1.2fr) 62px 64px minmax(130px,1.4fr);
gap:7px;
align-items:center;
padding:7px 11px;
border-bottom:1px solid #f0f2f4;
}

.vek-system-row:last-child{
border-bottom:0;
}

.vek-system-name{
font-weight:750;
}

.vek-system-ver{
color:#6f7a83;
font-variant-numeric:tabular-nums;
}

.vek-system-status{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:22px;
padding:3px 6px;
border-radius:999px;
font-size:9px;
font-weight:800;
text-transform:uppercase;
}

.vek-system-status.ok{
background:#eaf5ed;
color:#2f7046;
}

.vek-system-status.warn{
background:#fff4dc;
color:#8a6115;
}

.vek-system-status.error{
background:#fdeaea;
color:#9b3333;
}

.vek-system-status.info{
background:#eaf1f6;
color:#174f86;
}

.vek-system-note{
color:#747f88;
font-size:10px;
overflow-wrap:anywhere;
}

.vek-system-duplicates{
margin:7px 11px 11px;
padding:8px 9px;
border:1px solid #f0d7a6;
border-radius:6px;
background:#fff8e9;
color:#76541b;
font-size:10px;
}

.vek-system-foot{
padding:8px 11px 10px;
border-top:1px solid #edf0f2;
color:#7d878f;
font-size:9.5px;
}

.vek-system-close:focus-visible{
outline:2px solid #174f86;
outline-offset:2px;
}

@media(max-width:700px){
.vek-system-panel{
left:10px;
right:10px;
bottom:10px;
width:auto;
max-height:78vh;
}

.vek-system-row{
grid-template-columns:1fr 58px 62px;
}

.vek-system-note{
grid-column:1 / -1;
}
}


.vek-system-section-label{
padding:8px 12px 5px;
border-top:1px solid #edf0f2;
color:#7b858e;
font-size:8.5px;
font-weight:850;
letter-spacing:.07em;
text-transform:uppercase;
}

.vek-system-bundle-note{
padding:8px 12px;
border-bottom:1px solid #edf0f2;
color:#6f7982;
font-size:9px;
line-height:1.4;
}

.vek-system-legacy{
margin:9px 12px;
padding:8px 9px;
border:1px solid #efd6a4;
border-radius:6px;
background:#fff8e9;
color:#76551c;
font-size:9px;
line-height:1.4;
}


.vek-system-runtime-ok{
color:#2f7046;
font-weight:800;
}

.vek-system-runtime-bad{
color:#9b3333;
font-weight:800;
}

.vek-system-detail{
padding:5px 12px 8px;
border-bottom:1px solid #edf0f2;
color:#77828b;
font-size:8.7px;
line-height:1.4;
overflow-wrap:anywhere;
}

.vek-system-health-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:6px;
padding:8px 10px;
border-bottom:1px solid #edf0f2;
}
.vek-system-health-card{
padding:7px 8px;
border:1px solid #e4e8eb;
border-radius:6px;
background:#fafbfc;
}
.vek-system-health-value{
display:block;
color:#26323c;
font-size:10px;
font-weight:850;
font-variant-numeric:tabular-nums;
}
.vek-system-health-label{
display:block;
margin-top:2px;
color:#7a858e;
font-size:7.7px;
font-weight:700;
}
@media(max-width:520px){
.vek-system-health-grid{grid-template-columns:1fr 1fr}
}

.vek-system-rc-banner{
padding:7px 10px;
border-bottom:1px solid #edf0f2;
background:#f7fafc;
color:#60707a;
font-size:8.5px;
line-height:1.35;
}
.vek-system-rc-banner strong{
color:#26323c;
font-weight:850;
}