.checks {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .check-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--ios-surface);
    border: 1px solid var(--ios-border);
    border-radius: 8px;
    font-size: 13px;
  }
  .check-item .check-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    flex-shrink: 0;
  }
  .check-item.ok .check-icon {
    background: rgba(16, 185, 129, 0.1);
    color: var(--ios-success);
  }
  .check-item.err .check-icon {
    background: rgba(244, 63, 94, 0.1);
    color: var(--ios-danger);
  }