
    .scan-wrap { display: grid; gap: 14px; }

    .scan-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      align-items: end;
    }

    .scan-actions {
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top: 12px;
    }

    .scan-dashboard {
      display: grid;
      grid-template-columns: 160px 1fr;
      gap: 16px;
      margin-top: 14px;
    }

    .scan-metric {
      background: #f6f8fa;
      border: 1px solid #e1e4e8;
      border-radius: 10px;
      padding: 12px;
      text-align: center;
    }

    .scan-metric.wide {
      text-align: left;
    }

    .metric-label {
      font-size: 12px;
      color: #57606a;
      margin-bottom: 6px;
      letter-spacing: .2px;
    }

    .metric-value {
      font-size: 30px;
      font-weight: 650;
      color: #24292f;
      line-height: 1.1;
    }

    .metric-last {
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
      font-size: 14px;
      padding: 8px 10px;
      background: #ffffff;
      border: 1px dashed #d0d7de;
      border-radius: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .scan-flash {
      animation: flash 0.25s ease-in-out;
    }

    @keyframes flash {
      from { background-color: #d1f7c4; }
      to { background-color: #ffffff; }
    }

    .hint {
      font-size: 12px;
      color: #6e7781;
      margin-top: 8px;
    }
  