/* Orvexa 1.0.0 — Build Workflow Visuals styles. */
body[data-active-page="test-console"] .tc-inspector{
  padding-inline:0!important;
}
body[data-active-page="test-console"] .tc-inspector .tc-side-head{
  padding:22px 22px 12px!important;
}
body[data-active-page="test-console"] .tc-evidence-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,.8fr)!important;
  gap:8px!important;
  padding:0 22px 14px!important;
}
body[data-active-page="test-console"] .tc-evidence-stat{
  display:flex!important;
  min-width:0!important;
  min-height:64px!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:10px 11px!important;
  border-radius:11px!important;
}
body[data-active-page="test-console"] .tc-evidence-stat span{
  font-size:11.5px!important;
  line-height:1.2!important;
}
body[data-active-page="test-console"] .tc-evidence-stat b{
  margin-top:5px!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-active-page="test-console"] .tc-evidence-stat.is-score b{
  font-size:20px!important;
}
body[data-active-page="test-console"] .tc-inspector-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:auto!important;
  max-width:none!important;
  margin:0 22px 18px!important;
  padding:4px!important;
  gap:4px!important;
  overflow:visible!important;
}
body[data-active-page="test-console"] .tc-inspector-tabs>button{
  min-width:0!important;
  min-height:34px!important;
  padding:7px 5px!important;
  border-radius:8px!important;
  font-size:11.75px!important;
  text-align:center!important;
}
body[data-active-page="test-console"] .tc-inspector-panel{
  padding-inline:22px!important;
  padding-bottom:18px!important;
}
@media(min-width:1561px){
  body[data-active-page="test-console"] .tc-layout{
    grid-template-columns:256px minmax(0,1fr) 332px!important;
    gap:18px!important;
  }
}
@media(max-width:1560px) and (min-width:1181px){
  body[data-active-page="test-console"] .tc-inspector{
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:0!important;
  }
  body[data-active-page="test-console"] .tc-inspector-tabs{
    margin-top:22px!important;
  }
}
@media(max-width:720px){
  body[data-active-page="test-console"] .tc-evidence-summary{
    grid-template-columns:1fr 1.25fr .8fr!important;
    padding-inline:16px!important;
  }
  body[data-active-page="test-console"] .tc-inspector-tabs{margin-inline:16px!important}
  body[data-active-page="test-console"] .tc-inspector-panel{padding-inline:16px!important}
}


.compare-column{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  padding:20px!important;
}
.compare-column.recommended:before{content:none!important}
.compare-head{min-height:54px!important}
.compare-head-tags{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
}
.compare-recommendation{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));
  border-radius:7px;
  background:var(--primary);
  color:#211805;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.compare-status{
  min-height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border-radius:7px!important;
  font-size:10.75px!important;
  white-space:nowrap!important;
}
.compare-metrics{margin-top:14px!important;gap:8px!important}
.compare-metrics span{padding:10px!important}
.compare-answer{
  display:flex!important;
  min-height:218px!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:13px!important;
}
.compare-answer>p{
  margin:0!important;
  font-size:12.25px!important;
  line-height:1.62!important;
}
.compare-response-evidence{
  margin-top:auto;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--mint) 20%,var(--line));
  border-radius:10px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mint) 5%,var(--surface-solid)),color-mix(in srgb,var(--surface-2) 48%,var(--surface-solid)));
}
.compare-response-head{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--text);
  font-size:11.75px;
  font-weight:800;
}
.compare-response-head svg{width:14px;height:14px;color:var(--mint-text)}
.compare-response-evidence blockquote{
  margin:8px 0 0;
  color:var(--muted);
  font-size:11.75px;
  line-height:1.55;
}
.compare-response-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.compare-response-meta span{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 7px;
  border:1px solid var(--line);
  border-radius:7px;
  background:color-mix(in srgb,var(--surface-2) 55%,var(--surface-solid));
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
}
.compare-score{margin-top:14px!important}
.compare-use{margin-top:14px!important;min-height:40px!important}
@media(max-width:900px){
  .compare-answer{min-height:auto!important}
  .compare-head{min-height:0!important}
}


body[data-active-page="application-detail"] #product-page{
  display:grid;
  gap:18px;
}
body[data-active-page="application-detail"] #product-page>.fabric-head{margin-bottom:0!important}
body[data-active-page="application-detail"] #product-page>.fabric-panel:first-of-type{
  padding:14px 16px 14px!important;
  overflow:visible!important;
}
body[data-active-page="application-detail"] #product-page>.fabric-panel:first-of-type .fabric-tabs{
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
}
body[data-active-page="application-detail"] #product-page>.fabric-panel:first-of-type>.fabric-pad{
  padding:12px 0 0!important;
}
body[data-active-page="application-detail"] #product-page>.fabric-panel:first-of-type .fabric-context{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
body[data-active-page="application-detail"] #product-page>.fabric-grid.four{
  margin:0!important;
  gap:16px!important;
}
body[data-active-page="application-detail"] #product-page>.fabric-grid.four .fabric-kpi{
  min-height:112px!important;
  padding:18px!important;
}
body[data-active-page="application-detail"] .detail-tab-panel.active{
  display:grid!important;
  gap:18px!important;
}
body[data-active-page="application-detail"] .detail-tab-panel.active>.fabric-panel{
  margin-top:0!important;
}
body[data-active-page="application-detail"] .detail-tab-panel.active>.fabric-panel .fabric-section-head{
  padding:20px 22px 14px!important;
}
body[data-active-page="application-detail"] .app-setup-strip{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:0!important;
  padding:0 22px 14px!important;
}
body[data-active-page="application-detail"] .app-setup-step{
  min-height:82px!important;
  padding:11px 10px!important;
  text-align:center!important;
}
body[data-active-page="application-detail"] .app-setup-step span{
  width:24px!important;height:24px!important;margin-inline:auto!important;
}
body[data-active-page="application-detail"] .app-setup-step b{margin-top:6px!important;font-size:12.5px!important}
body[data-active-page="application-detail"] .app-setup-step small{font-size:11.5px!important;line-height:1.35!important}
body[data-active-page="application-detail"] .integration-check{
  margin:0 22px 20px!important;
  min-height:44px!important;
}
body[data-active-page="application-detail"] .detail-overview-grid{
  align-items:start!important;
  gap:18px!important;
  margin-top:0!important;
}
body[data-active-page="application-detail"] .detail-overview-grid>.fabric-panel{
  padding:20px 22px!important;
}
body[data-active-page="application-detail"] .detail-overview-grid>.fabric-panel>h2{
  margin:0 0 14px!important;
}
body[data-active-page="application-detail"] .detail-overview-grid .timeline{
  display:grid!important;
  gap:0!important;
  margin:0!important;
}
body[data-active-page="application-detail"] .detail-overview-grid .timeline-step{
  min-height:54px!important;
  padding:10px 0 10px 30px!important;
}
body[data-active-page="application-detail"] .detail-overview-grid .timeline-step:first-child{padding-top:4px!important}
body[data-active-page="application-detail"] .detail-overview-grid .timeline-step:last-child{padding-bottom:4px!important}
body[data-active-page="application-detail"] .detail-overview-grid .timeline-step b{font-size:13px!important;line-height:1.3!important}
body[data-active-page="application-detail"] .detail-overview-grid .timeline-step small{font-size:12px!important;line-height:1.4!important}
@media(max-width:1100px){
  body[data-active-page="application-detail"] .app-setup-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body[data-active-page="application-detail"] #product-page{gap:14px}
  body[data-active-page="application-detail"] #product-page>.fabric-panel:first-of-type{padding:12px!important}
  body[data-active-page="application-detail"] .app-setup-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-inline:16px!important}
  body[data-active-page="application-detail"] .integration-check{margin-inline:16px!important}
}