.sr-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.sr-status { font-size:1rem; opacity:.8; }
.sr-grid { display:grid; grid-template-columns: 1fr; gap:16px; }
@media (min-width: 900px) { .sr-grid { grid-template-columns: 1fr 1fr; } }
.sr-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.sr-row { display:grid; grid-template-columns: 1fr 1fr auto; gap:8px; align-items:center; margin:8px 0; }
.sr-row-meter { background:#f3f4f6; border-radius:999px; height:10px; overflow:hidden; }
.sr-meter-fill { height:100%; background:linear-gradient(90deg, #a78bfa, #ec4899); }
.sr-list { margin:0; padding-left:18px; }

.custom-sc{margin-top:0 !important;}


#sr-category-issues tbody td:not(:first-child){
    text-align: end;
}
#sr-category-issues{
	border: 1px dashed #CCCCCC;
	border-radius: 4px;
}
#sr-category-issues tr:hover{
	background-color: #F3F3F3;
}
/* ---- Loading overlay ---- */
#site-report-results {
  position: relative;
}

.sr-loading[hidden] { display: none !important; }

/* Loading screen */
#sr-loading { 
  opacity: 1; 
  pointer-events: auto; 
  transition: opacity .25s ease;
}
#sr-loading.is-hidden { 
	opacity: 0; 
	pointer-events: none; 
}
#sr-loading.is-visible {
  opacity: 1; 
  pointer-events: auto;
}
.sr-loading {
  position: fixed;
  inset: 0;
  background: #121213;
  display: grid;
  place-items: center;
  z-index: 99999;
  text-align:center;
  transition: opacity .25s ease;
}
.sr-loading-inner {
  color: #fff;
  width:75%;
  margin:auto;
}
.sr-loading-inner img{
  margin:auto;
}

/* Text */
.sr-loading-company{
	padding-bottom:3rem;
}
.sr-loading-text, .sr-loading-company span {
  margin: 10px;
  font-weight:500;
  font-size:  32px;
}
.sr-loading-text .small {
	font-weight: 400;
	font-size: 12px;
}


/* Progress bar */
.sr-progress {
  --bar-h: 8px;
  --bar-bg: #1a2244;
  --bar-fill: #6ea8ff;
}
.sr-progress .sr-progress-track {
  position: relative;
  width: 100%;
  height: var(--bar-h);
  background: var(--bar-bg);
  border-radius: 999px;
  overflow: hidden; /* clips radius */
}
.sr-progress .sr-progress-fill {
  height: 100%;
  width: 0%;              /* determinate default */
  background: var(--bar-fill);
  border-radius: 999px;
  transform: translateZ(0);
  transition: width .25s ease;
}

/* Indeterminate animation */
.sr-progress.indeterminate .sr-progress-fill {
  width: 40%;
  animation: sr-bar-sweep 1.2s ease-in-out infinite;
}
@keyframes sr-bar-sweep {
  0%   { transform: translateX(-120%); }
  50%  { transform: translateX(15%); }
  100% { transform: translateX(120%); }
}