/* ── Mixed Content Checker ───────────────────────────────────────────── */
.tool-icon--mixed { background: linear-gradient(135deg, var(--yellow), var(--orange)); }

.mc-form .form-row { display: flex; gap: 10px; }
.mc-form .input {
  width: 100%; height: 44px; padding: 12px 16px;
  background: var(--surface2); border: 1px solid var(--border2);
  border-radius: 10px; color: var(--text); font-size: 15px;
  font-family: var(--mono);
  transition: border-color .2s, box-shadow .2s;
}
.mc-form .input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(91,138,248,.25); }
.mc-form .btn-primary {
  min-height: 44px; padding: 12px 24px; white-space: nowrap;
  background: linear-gradient(135deg, var(--yellow), var(--orange));
  color: #0b0d14; border: none; border-radius: 10px;
  font-size: 14px; font-weight: 600; cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  transition: opacity .2s, transform .15s;
}
.mc-form .btn-primary:hover { transform: scale(1.02); filter: brightness(1.08); }
.mc-form .btn-primary:disabled { opacity: .5; cursor: not-allowed; transform: none; }

.mc-error { color: var(--red); font-size: 14px; margin-top: 12px; }

/* Summary card */
.mc-summary {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 20px 24px; margin-bottom: 14px;
  border-left: 4px solid var(--border);
  animation: fadeInUp .35s var(--ease-out);
}
.mc-summary--clean   { border-left-color: #22c55e; }
.mc-summary--active  { border-left-color: var(--danger); }
.mc-summary--passive { border-left-color: var(--yellow); }

.mc-summary-icon {
  font-size: 24px; line-height: 1; flex-shrink: 0; margin-top: 2px;
}
.mc-summary--clean   .mc-summary-icon { color: #22c55e; }
.mc-summary--active  .mc-summary-icon { color: var(--danger); }
.mc-summary--passive .mc-summary-icon { color: var(--yellow); }

.mc-summary-title { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.mc-summary-url   { font-size: 12px; color: var(--muted); font-family: var(--mono); word-break: break-all; margin-bottom: 8px; }
.mc-summary-counts { display: flex; gap: 8px; flex-wrap: wrap; }
.mc-badge {
  font-size: 11px; padding: 3px 10px; border-radius: 20px; font-weight: 600;
}
.mc-badge--active  { background: rgba(239,68,68,.15); color: var(--danger); }
.mc-badge--passive { background: rgba(234,179,8,.15); color: var(--yellow); }

.mc-clean-msg { padding: 20px 24px; color: var(--muted2); font-size: 14px; animation: fadeInUp .35s var(--ease-out); }

/* Legend */
.mc-legend { display: flex; gap: 20px; margin-bottom: 12px; flex-wrap: wrap; animation: fadeInUp .35s var(--ease-out); }
.mc-legend-item { font-size: 13px; color: var(--muted2); display: flex; align-items: center; gap: 8px; }
.mc-sev-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.mc-sev-dot--active  { background: var(--danger); box-shadow: 0 0 6px rgba(239,68,68,.4); }
.mc-sev-dot--passive { background: var(--yellow); }

/* Resources list */
.mc-resources { display: flex; flex-direction: column; gap: 6px; animation: fadeInUp .4s var(--ease-out); }
.mc-resource {
  padding: 12px 16px; border-radius: 10px;
  background: var(--surface); border: 1px solid var(--border);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.mc-resource--active  { border-left: 3px solid var(--danger); }
.mc-resource--passive { border-left: 3px solid var(--yellow); }

.mc-resource-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mc-resource-url {
  font-family: var(--mono); font-size: 12px; color: var(--text);
  word-break: break-all; flex: 1; min-width: 200px;
}
.mc-resource-type {
  font-size: 11px; padding: 2px 8px; border-radius: 6px;
  background: var(--surface2); color: var(--muted); white-space: nowrap;
}

@media (max-width: 600px) {
  .mc-form .form-row { flex-direction: column; }
  .mc-form .btn-primary { width: 100%; justify-content: center; }
  .mc-legend { flex-direction: column; gap: 8px; }
}