/* TEMVIO v0.9.3 — Release Candidate
   Stabilization / diagnostics only. No layout or scroll locking. */

.rc-hero{
  margin-bottom:14px;
}
.rc-status-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:10px;
}
.rc-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:9px;
  font-weight:900;
}
.rc-chip.pass{color:var(--teal);border-color:rgba(15,159,147,.25);background:rgba(15,159,147,.05)}
.rc-chip.pending{color:#a56e10;border-color:rgba(193,132,23,.24);background:rgba(193,132,23,.05)}
.rc-chip.fail{color:#b74a40;border-color:rgba(183,74,64,.24);background:rgba(183,74,64,.05)}
.rc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.rc-diagnostic-list{
  display:grid;
  gap:7px;
  margin-top:10px;
}
.rc-diag{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:9px;
  align-items:flex-start;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:11px;
}
.rc-diag i{
  width:20px;
  height:20px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-weight:900;
  font-size:10px;
  border:1px solid var(--line);
}
.rc-diag.pass i{color:var(--teal);border-color:rgba(15,159,147,.25)}
.rc-diag.fail i{color:#b74a40;border-color:rgba(183,74,64,.25)}
.rc-diag.pending i{color:#a56e10;border-color:rgba(193,132,23,.25)}
.rc-diag b,
.rc-diag small{
  display:block;
}
.rc-diag small{
  margin-top:2px;
  color:var(--muted);
  line-height:1.55;
}
.rc-manual{
  display:grid;
  gap:7px;
  margin-top:10px;
}
.rc-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  cursor:pointer;
}
.rc-step input{
  width:17px;
  height:17px;
  accent-color:var(--teal);
}
.rc-step b,
.rc-step small{
  display:block;
}
.rc-step small{
  color:var(--muted);
  margin-top:2px;
  line-height:1.5;
}
.rc-step.done{
  border-color:rgba(15,159,147,.22);
  background:rgba(15,159,147,.035);
}
.rc-step .rc-lane{
  font-size:8px;
  color:var(--muted);
  border:1px solid var(--line);
  border-radius:999px;
  padding:3px 6px;
  white-space:nowrap;
}
.rc-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.rc-summary > div{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
}
.rc-summary b,
.rc-summary span{
  display:block;
}
.rc-summary b{font-size:18px}
.rc-summary span{font-size:9px;color:var(--muted);margin-top:2px}
.rc-warning{
  margin-top:10px;
  padding:10px 12px;
  border:1px dashed rgba(193,132,23,.28);
  background:rgba(193,132,23,.045);
  border-radius:12px;
  color:var(--muted);
  font-size:10px;
  line-height:1.75;
}
.rc-warning b{color:#8b5e13}
.rc-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:11px;
}
.rc-actions .btn{flex:1;min-width:140px}
@media(max-width:900px){
  .rc-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .rc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:440px){
  .rc-summary{grid-template-columns:1fr}
  .rc-step{grid-template-columns:auto minmax(0,1fr)}
  .rc-step .rc-lane{grid-column:2;justify-self:start}
}