.scan { max-width: 1000px; margin: 0 auto; padding: 28px 20px 80px; }
.back-link { font: 600 14px/1 Inter, sans-serif; color: #4a6fff; text-decoration: none; }
.back-link:hover { text-decoration: underline; }

.scan__hero { text-align: center; padding: 24px 0 14px; }
.scan__h1 { font: 800 30px/1.15 Inter, sans-serif; color: #16224a; margin: 0 0 10px; }
.scan__sub { font: 400 16px/1.5 Inter, sans-serif; color: #5b6786; max-width: 640px; margin: 0 auto 22px; }

.scan__form { display: flex; gap: 10px; max-width: 620px; margin: 0 auto; }
.scan__input {
  flex: 1; padding: 14px 16px; font: 500 16px JetBrains Mono, monospace;
  border: 2px solid #d3dcf0; border-radius: 12px; background: #fff; color: #16224a; outline: none;
}
.scan__input:focus { border-color: #4a6fff; }
.scan__btn {
  padding: 14px 22px; font: 700 15px Inter, sans-serif; color: #fff; cursor: pointer;
  background: linear-gradient(135deg, #4a6fff, #6a3cff); border: 0; border-radius: 12px;
}
.scan__btn:disabled { opacity: .55; cursor: default; }
.scan__status { margin-top: 14px; font: 500 14px JetBrains Mono, monospace; color: #6a3cff; min-height: 20px; }

.summary {
  display: flex; flex-wrap: wrap; gap: 18px; justify-content: center;
  margin: 8px 0 22px; font: 500 14px Inter, sans-serif; color: #5b6786;
}
.summary b { color: #16224a; }

.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 640px) { .grid { grid-template-columns: 1fr; } }

.card { border: 1px solid #e1e7f5; border-radius: 16px; background: #fff; overflow: hidden; }
.card__head {
  display: flex; align-items: center; gap: 9px; padding: 13px 16px;
  font: 700 15px Inter, sans-serif; color: #16224a; border-bottom: 1px solid #eef2fb;
}
.card__icon { font-size: 17px; }
.card__n {
  margin-left: auto; min-width: 26px; text-align: center; padding: 2px 9px; border-radius: 20px;
  font: 700 13px JetBrains Mono, monospace; background: #eef2fb; color: #4a6fff;
}
.card--ad .card__icon { color: #e2554a; }
.card--track .card__icon { color: #e09a2f; }
.card--rec .card__icon { color: #c23b8e; }
.card--demand .card__icon { color: #2f9e7e; }
.card__body { padding: 10px 16px 16px; display: flex; flex-direction: column; gap: 7px; }

.row { display: flex; align-items: baseline; gap: 8px; font: 500 13px JetBrains Mono, monospace; }
.row__what { color: #16224a; font-weight: 600; }
.row__host { color: #8a96b4; font-size: 12px; }
.chip {
  display: inline-block; margin: 3px 5px 0 0; padding: 5px 10px; border-radius: 20px;
  font: 600 12px JetBrains Mono, monospace; background: #f0f3fb; color: #3a4a78;
}
.chip--warn { background: #fdeee9; color: #c0432f; }
.empty { font: 400 13px Inter, sans-serif; color: #9aa5c2; padding: 4px 0; }

.scripts { margin-top: 20px; border: 1px solid #e1e7f5; border-radius: 14px; background: #fff; }
.scripts summary { cursor: pointer; padding: 13px 16px; font: 600 14px Inter, sans-serif; color: #16224a; }
.scripts__list { padding: 4px 16px 16px; }

[data-theme="dark"] .scan__h1, [data-theme="dark"] .summary b, [data-theme="dark"] .card__head, [data-theme="dark"] .row__what { color: #eaf0ff; }
[data-theme="dark"] .card, [data-theme="dark"] .scripts { background: #131b33; border-color: #27314f; }
[data-theme="dark"] .scan__input { background: #131b33; border-color: #27314f; color: #eaf0ff; }
[data-theme="dark"] .card__head { border-color: #27314f; }